Javascript 在MVC中更改页面时,如何动态更改POPOVER中的图像路径?
我想在用户单击我页面中的每个链接时动态更改此路径Javascript 在MVC中更改页面时,如何动态更改POPOVER中的图像路径?,javascript,jquery,asp.net-mvc,twitter-bootstrap,popover,Javascript,Jquery,Asp.net Mvc,Twitter Bootstrap,Popover,我想在用户单击我页面中的每个链接时动态更改此路径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> function MapPOContent()
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>
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();
}
});
测试
JavaScript代码:
<span id="mapshowing" class="label label-default" data-toggle="popover" data-trigger="hover" data-placement="top" title="Test Title">TEST</span>
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();
}
});
函数MapPOContent(){
var mapCompany=“Images/mapCompany.jpg”;
var popcovercontent=“”;
返回内容过多;
}
$(“#地图显示”).popover({
是的,
触发器:“悬停”,
位置:'顶部',
内容:功能(){
返回MapPOContent();
}
});
如果用户转到此路径,则在popover“/Home/Contact”中不会显示任何内容。在url路径中添加“/”。前导斜杠的意思是“从网站的根目录”,而不是“从我当前的文件夹”