2016-12-16 90 views
1

addClass/removeClass一個名爲SiteClass的CSS類動態地(請參閱this question作爲背景)。我的引導酥料餅綁定到這些,像這樣:Boostrap - Popover僅在第二次點擊後被解僱

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

}); 

第一次我點擊我得到的警告框「點擊」,但沒有酥料餅。隨後的點擊和popover工程。

任何線索,爲什麼會發生這種情況,並從點擊1獲得彈出窗口?

+1

嘗試在您的onclick函數的末尾添加'$(this).popover(「show」);'。 – elethan

+0

@elethan當我添加該行時,它首次啓動,但我無法再次單擊該鏈接關閉彈出窗口。 –

+0

在這種情況下,嘗試'$(this).popover(「toggle」);' – elethan

回答

1

$().popover(options)只是初始化您的彈出窗口。您可以觸發與酥料餅的顯示:

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

如果你想切換上點擊酥料餅相反,嘗試:

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

我想原因它只能後的第一個點擊你的情況是,第一次點擊彈出窗口被初始化爲the default trigger'click',以便隨後的點擊(但不是第一次點擊)會觸發它。

+1

我不得不在我的popover選項中添加'trigger:manual,',這個選項就像你的切換建議一樣起作用。謝謝。 –

相關問題