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

Question

当用户点击我页面中的每个链接时，我想动态更改此路径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 路径中添加一个“/”。前导斜杠表示“来自站点的根目录”，而不是“来自我当前的文件夹”。

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