通过Ajax TypeError引导多个Popover加载内容

我有几个弹出窗口（在一个标签上），它们通过ajax调用来填充它们的数据内容。我正在使用以下代码拨打电话：

<script type="text/javascript">
$(document).ready(function() {
    $('.withajaxpopover').bind('hover',function(){
        var el=$(this);

        $.ajax({
            type: "GET",
            url: el.attr("data-url"),
            data: el.attr("alt"),
            dataType: "html",
            success: function(data) {
                el.attr("data-content", data);
            }
        });

        console.log(el.attr("data-content"));
        el.popover('show');
    });
});
</script>

---

当我查看控制台时，对于所有后续的悬停，ajax都返回了正确的数据，但是popover没有出现。知道我做错了什么吗？

我最后不得不使用一个完整的其他扩展来完成我需要的东西。请参阅：具有比引导popover更好的ajax支持和悬停功能。js非常容易修改，以适应任何特定需求。强烈推荐。

试试这个：

$(document).ready(function() {
    $('.withajaxpopover').bind('hover',function(){
        var el=$(this);

        $.ajax({
            type: "GET",
            url: el.attr("data-url"),
            data: el.attr("alt"),
            dataType: "html",
            success: function(data) {
                el.attr("data-content", data);
                el.popover('show'); 
            }
        });
    });
});

但我不确定，你能试着让我知道吗。

Uncaught TypeError: Object [object Object] has no method 'popover' 

$(document).ready(function() {
    $('.withajaxpopover').bind('hover',function(){
        var el=$(this);

        $.ajax({
            type: "GET",
            url: el.attr("data-url"),
            data: el.attr("alt"),
            dataType: "html",
            success: function(data) {
                el.attr("data-content", data);
                el.popover('show'); 
            }
        });
    });
});