Ajax content for Twitter Bootstrap Popover



这是我通过ajax加载弹出窗口内容的实现。它加载内容,甚至显示弹出框。我的问题是,在第一个"show"上,在 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;
  });
$("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;
});

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

最新更新