Bootstrap 2.3.2工具提示不適用於Ajax加載的內容

我有一個WordPress博客，我使用無限滾動插件無限加載帖子。我使用Twitter Bootstrap 2.3.2開發了博客的主題，並使用Bootstrap Tooltip插件在Twitter Bootstrap工具提示中顯示後期元（日期等），並在懸停時觸發。我的問題是與職位，負載時，該網站第一次加載時，提示工作只是罰款使用下面的代碼的默認設置：Bootstrap 2.3.2工具提示不適用於Ajax加載的內容

$(document).ready(function() { 
    $('.post-info a').tooltip(); 
})

但是當「內容」 DIV動態與新集更新由AJAX請求拉的帖子，相同的代碼停止在新插入的帖子上工作，上面提供的代碼不再顯示鼠標懸停時的Bootstrap工具提示。這裏是鏈接的HTML標記應該顯示在懸停的工具提示：

<a href="#" data-toggle="tooltip" data-placement="top" title="Dynamically inserted text with the help of PHP">Dynamically inserted text with the help of PHP</a>

請問你能幫我解決這個問題嗎？

非常感謝！

來源

2014-10-04 Avinash Kumar

感謝檢舉這是重複的。這裏鏈接的其他答案並不能解決我的問題。如果我採用了該頁面上建議的方法，則工具提示在任何地方完全停止工作，即使對DOM中存在的現有元素也是如此。 – 2014-11-03 22:51:55

Bootstrap和jQuery UI之間存在衝突，這就是爲什麼鏈接頁面上的建議（動態創建的元素上的事件綁定）昨天不起作用。對不起大家！ – 2014-11-04 12:36:02

如果其他人正面臨Bootstrap和jQuery UI之間的衝突問題，這裏是解決方案：http://stackoverflow.com/questions/13731400/jqueryui-tooltips-are-competing-with-twitter-bootstrap – 2014-11-04 12:41:50

您想從文件建立添加 '選擇' 選項

$('.post-info a').tooltip({ 
    selector: '.post-info a'; 
});

例子：http://jsbin.com/zopod/1/edit

來源

2014-10-04 18:03:18

感謝您的答案！我嘗試過，但是然後工具提示完全不起作用。它只適用於我這樣做： '$（「selector」）。tooltip（）;' – 2014-11-03 22:53:04

這幾乎是正確的 - 你需要一個選擇器（它始終存在於頁面上）。例如，如果你有一個父母div #posts，你可以做'$（'＃posts'）。tooltip（{selector：'.post-info a'}）;' – 2014-11-04 00:53:32

謝謝，山姆！這個和jsbin例子中的建議，Funk Man連接起來不知何故今天有效，但它的錯誤。當我使用'$（「selector」）。tooltip（）;'技術時，工具提示樣式顯示得很好，但是當我使用你建議的技術時，工具提示div（帶樣式）不是創建。它僅在窗口的左側顯示沒有任何樣式的工具提示數據。另外，懸停時，''（「selector」）。tooltip（）;'，當我懸停時，'aria-describeby =「ui-tooltip-n」'（n = number）鏈接，一個新的div是用「tooltip」類創建的。 – 2014-11-04 07:56:21

Bootstrap 2.3.2工具提示不適用於Ajax加載的內容

回答

相關問題