Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 引导Popover将只加载一次。为什么?_Javascript_Jquery_Ajax_Twitter Bootstrap 3_Popover - Fatal编程技术网

Javascript 引导Popover将只加载一次。为什么?

Javascript 引导Popover将只加载一次。为什么?,javascript,jquery,ajax,twitter-bootstrap-3,popover,Javascript,Jquery,Ajax,Twitter Bootstrap 3,Popover,我有一个Boostrappopover,它只会显示一次,然后就不起作用了。我错过了什么 这是我的问题是由于$().load()

我有一个Boostrap
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数据以供演示。谢谢!您的方法正是我一直在研究的,虽然您的代码不适合我,但我有类似的版本,您的答案将被认为是正确的。再次感谢您的帮助!