Javascript 动态更改引导popover的模板
我已经检查了被问及动态更改引导popover内容的内容。但是这个解决方案似乎不适合我的情况,我想在用户每次按下按钮时通过直接更改数据模板向他们显示新数据 下面是我的.js代码:Javascript 动态更改引导popover的模板,javascript,jquery,twitter-bootstrap,popover,Javascript,Jquery,Twitter Bootstrap,Popover,我已经检查了被问及动态更改引导popover内容的内容。但是这个解决方案似乎不适合我的情况,我想在用户每次按下按钮时通过直接更改数据模板向他们显示新数据 下面是我的.js代码: $(function () { myUrl = "" + window.location.protocol + "//" + window.location.host + "/" + "Demo/Notification/LoadingStats"; $.ajax({ url: myUrl, type
$(function () {
myUrl = "" + window.location.protocol + "//" + window.location.host + "/" + "Demo/Notification/LoadingStats";
$.ajax({
url: myUrl,
type: 'GET',
success: function (data) {
$('[data-toggle="popover"]').popover({
template: data
});
}
})
上面的代码是我目前拥有的工作代码,它正确地显示了我想要的数据,但不会流畅地更改,也不会在用户打开它时更改。只有重新加载页面时,数据才会更新
下面的代码是我根据上面链接的参考更改数据模板的无效尝试。根据我在里面抛出的警报和调试器,它似乎正在启动,但似乎什么也没做(它甚至一次都没有显示popover)
我甚至尝试过使用setInterval(myfunction,2000)
有没有关于我可能做错了什么的想法,
或者,如何动态更改popover的数据模板
更新
我一直忽略了data html=“true”属性,这就是为什么我一直认为我必须使用数据模板而不是数据内容。您不能动态更新数据模板,但完全可以动态更新数据内容。我希望这对那些忽略了数据html的人有所帮助。我一直忽略了data html=“true”属性,这就是为什么我一直认为我必须使用数据模板而不是数据内容。您不能动态更新数据模板,但完全可以动态更新数据内容。我希望这对那些忽略了数据html的人有所帮助。我一直忽略了data html=“true”属性,这就是为什么我一直认为我必须使用数据模板而不是数据内容。您不能动态更新数据模板,但完全可以动态更新数据内容。我希望这能帮助那些忽视html数据的人
$('[data-toggle="popover"]').on('show.bs.popover', function () {
$.ajax({
url: myUrl,
type: 'GET',
success: function (data) {
$('[data-toggle="popover"]').popover({
template: data
});
}
})
});
//these following three lines are firing correctly, just not doing what I want (refreshing the popover)
var popover = $('[data-toggle="popover"]').data('bs.popover');
popover.setContent();
popover.$tip.addClass(popover.options.placement);
})
});