当我在 MVC 中更改页面时，如何动态更改 POPOVER 中的图像路径？

Question

我想在用户单击我页面中的每个 link 时动态更改此路径 Images/mapCompany.jpg。

它只适用于默认页面或主页。

HTML代码：

<span id="mapshowing" class="label label-default" data-toggle="popover" data-trigger="hover" data-placement="top" title="Test Title">TEST</span>

JavaScript代码：

function MapPOContent() {
    var mapCompany = "Images/mapCompany.jpg";
    var popOverContent = "<img class='center-block' src=" + mapCompany + " alt='logo' />";
    return popOverContent;
}

$('#mapshowing').popover({
    html: true,
    trigger: 'hover',
    placement: 'top',
    content: function () {
        return MapPOContent();
    }
});

如果用户转到这条路径，它不会在弹出窗口“/Home/Contact”中显示任何内容。

Answer 1

在url 路径中添加“/”。前导斜杠表示 "from the root of the site"，而不是 "from my current folder"。

var mapCompany = "/Images/mapCompany.jpg";