工具提示不工作

Question

由於

$(document).ready(function(){ 
    $('.notice').tooltip(); 
}); 

對我不起作用 - 可能是因爲我加載元素與類.notice動態與阿賈克斯 - 我曾嘗試用另一種方式繼續下去。所以這是我到目前爲止有：

$(document.body).on("mouseover", ".notice", function() { 
    $(this).tooltip(); 
}); 

這使得它的工作，但它會導致兩個問題：在控制檯

1. 當我將鼠標懸停元素第一次，什麼都不會發生（即使是沒有錯誤），但是當我徘徊它時，第二次提示工作正常！

2. 第二次當我將鼠標懸停時，我看到了工具提示框和標題框。見下圖。

   

我明白任何幫助！

Answer 1

當您創建新的「.notice」元素時，您需要初始化工具提示。

Answer 2

對於委派提示功能，您只需連接處理程序，以父容器，然後用標題屬性的所有內部元素將得到自定義工具提示：

$(document.body).tooltip(); 

演示：http://jsfiddle.net/off074wb/