これは、ajax を介してポップオーバーのコンテンツをロードする私の実装です。コンテンツをロードし、ポップオーバーも表示します。私の問題は、最初の「表示」で、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;
});