Bootstrap popover.toggle（）只顯示

我正在嘗試整合twitter bootstrap popover;我被迫使用JavaScript API，因爲一些動態元素通過Ajax加載，並且也應該反應。Bootstrap popover.toggle（）只顯示

基本上，這裏是一個例子代碼，必須作出反應：

<a data-container="#appConfigDialog" data-toggle="popover" data-placement="top" 
    data-content="&lt;img src=&quot;URL&quot; /&gt;" 
    data-html="true" href="#" 
    class="popoverFileSee btn btn-default">See</a>

URL是通過正確的網址替換

的方式和我的JS：

$(document).on("click", ".popoverFileSee", function() { 
    $(this).popover("toggle");  
    return false; 
});

這裏是我想實現的行爲：

當第一次點擊後，酥料餅顯示
點擊發生時用於打開酥料餅，就應該關閉它

是不是「切換」的目的是什麼？此代碼示例中是否有錯誤，或者我應該在我的應用程序中檢查其他位置？

感謝

編輯：現在，它始終顯示酥料餅，哪怕是已經打開奇怪的事情：如果我在回調函數中添加alert("test");，然後它..

來源

2013-11-14 Jérémy Dutheil

它目前有什麼行爲？ –

它總是顯示popover，它已經打開的事件 –

終於找到自己的答案..;）我只是有一個屬性添加到我的鏈接：data-trigger="manual"

來源

2013-11-14 10:21:31

非常感謝你的傢伙！ –

Remove的toggle從popover function不使用click event一樣，

$(".popoverFileSee").popover();

Demo

更新，如果需要add click event後這個你可以添加這是independent到popover一樣，

$(".popoverFileSee").popover(); 
$(".popoverFileSee").on('click',function(){ 
    // your ajax code here 
});

來源

2013-11-14 10:24:35

正如我所說，我需要使用'click事件'因爲我加載了一些元素與Ajax;） –

@JérémyDutheil看到我更新的答案。 –

是的，那不是那件事;當我談論「用ajax加載某些元素」時，我的意思是「有彈出式按鈕的元素」每次加載新元素時，一種解決方案可能是調用'$（「.popoverFileSee」）.popover（）但我更願意簡單地添加一個可以自動完成的「點擊事件」;看到我的答案來解決這個問題;） –

Bootstrap popover.toggle（）只顯示

回答

相關問題