Boostrap - ポップオーバーは2回目のクリック後にのみ起動されます

Question

addClass/removeClass CSSクラスはSiteClassと動的に呼び出されます（背景についてはthis questionを参照）。私はそうのように、これらにブートストラップポップオーバーをバインド：

$(document).ready(function(){ 

    $("#SiteList").on('click','a.SiteClass', function(e){ 
    alert('clicked'); 
    e.preventDefault(); 
    e.stopPropagation(); 
    var strcontent = $(this).html(); 
    var strTitle = 'Title for ' + strcontent; 
    var strMessage = 'Foo <b>Bar</b> Baz'; 

    $(this).popover({ 
     html: true, 
     title: strTitle, 
     content: strMessage 
    }); 
    }); 

}); 

初めて私は「クリック」私は警告ボックスを取得する]をクリックし、ないポップオーバー。後続のクリックとポップオーバーが機能します。

なぜこれが起こっているのか、クリック1からポップオーバーを発するための手掛かりはありますか？

Answer 1

$().popover(options)は、単にあなたのポップオーバーを初期化します。あなたは、代わりにクリックでポップオーバーを切り替える試してみたい場合は

$(this).popover('show'); 

：あなたはとポップオーバーの表示をトリガすることができます

$(this).popover('toggle'); 

私はそれだけで後の最初の作品の理由を考えます最初のクリックでポップオーバーがthe default trigger'click'で初期化され、それ以降のクリック（最初のクリックではない）がそれをトリガーするようにします。