javascript - Bootstrap Popover 只会加载一次。为什么？

Question

我有一个 Bootstrap popover，它只会显示一次，然后就无法工作。我错过了什么？

这是我的JS Fiddle

Answer 1

问题是由于 $().load(); 造成的，实际上它是异步的，当您返回 $("#pop-content").load(...) ; 第一次会返回 #pop-content div 的内容，之后将 #pop-content 的内容设置为 url 的结果您在 jQuery load 中提到过，但在您的情况下它是空白的。

我已将 $(#pop-content).load(...); 替换为 $(#pop-content).html(); 并且结果符合预期。

参见Fiddle

编辑

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

尝试上面的代码，它应该可以正常工作。