javascript - Twitter Bootstrap Popover 的 Ajax 内容

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;
});

只需使用“触发”即可悬停。