Question

这是我通过ajax加载popover内容的实现。它加载内容甚至显示弹出窗口。我的问题是，在第一个“节目”中，在ajax加载后，它会立即显示和隐藏。之后它运作正常。

  $("a.mypopover").bind("hover", function() {
    var el=$(this);
    el.unbind("hover");
    $.ajax({
      url: el.attr('href'),
      success: function(d){
        el.popover({ content: "dynamic text", placement:'bottom' })
          .click(function(e) {
            e.preventDefault() ;
          })
          .bind("mouseleave", function(e) {
            $(this).popover("hide");
          });
        el.popover("show");
      }
    });
    return false;
  });

Answer 1

$("a.mypopover").bind("hover", function() {
var el=$(this);
el.unbind("hover");
$.ajax({
  url: el.attr('href'),
  success: function(d){
    el.popover({ content: "dynamic text", placement:'bottom', html:true, trigger:'hover' }).popover("show");
  }
});
return false;
});

只需使用'触发器'悬停即可。

Twitter Bootstrap Popover的Ajax内容

1 个答案: