Javascript 引导Popover将只加载一次。为什么?
我有一个BoostrapJavascript 引导Popover将只加载一次。为什么?,javascript,jquery,ajax,twitter-bootstrap-3,popover,Javascript,Jquery,Ajax,Twitter Bootstrap 3,Popover,我有一个Boostrappopover,它只会显示一次,然后就不起作用了。我错过了什么 这是我的问题是由于$().load()
popover
,它只会显示一次,然后就不起作用了。我错过了什么
这是我的问题是由于
$().load()实际上它是异步的,当您返回$(“#pop content”).load(…)
第一次将返回#pop content
div的内容,然后将#pop content
的内容设置为jQuery load中提到的url的结果,但在您的情况下,它是空的
我已经替换了$(#pop content).load(…)带有$(#pop content).html()的code>代码>和结果与预期一致
看
编辑
$(document).ready(function () {
$('.pop-form').popover({
html: true,
title: function () {
return $("#pop-head").html();
},
content: function () {
var result = '';
$.ajax({
url: "your url",
async: false,
success:function(response){
result = response;
}
});
return result;
}
});
// make popup larger
var p = $('.popbutton').popover();
p.on("show.bs.popover", function (e) {
p.data()["bs.popover"].$tip.css("max-width", "630px");
});
});
试试上面的代码,它应该可以很好地工作。你不应该依赖外部资源,而拥有小提琴真的很不错,这里包含一些片段也会有所帮助。谢谢你的帮助。虽然您的答案对JS Fiddle有效,但删除load()
函数将终止将外部URL数据加载到popover
窗口中所需的结果。顺便说一句,由于实际的
标记是空的,并且通过load()
函数加载了外部数据,我在pop content
中添加了HTML数据以供演示。谢谢!您的方法正是我一直在研究的,虽然您的代码不适合我,但我有类似的版本,您的答案将被认为是正确的。再次感谢您的帮助!