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

时间:2015-06-29 10:49:06

标签: javascript jquery asp.net-mvc twitter-bootstrap popover

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

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

HTML code:

<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();
    }
});

如果用户进入此路径,则不会在popover“/ Home / Contact”中显示任何内容。

1 个答案:

答案 0 :(得分:0)

在网址路径中添加“/”。前导斜杠表示“从站点的根目录”,而不是“从我当前的文件夹”。

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