jQueryにツールチップを追加すると、動的に作成された要素

Question

jQueryでツールチップを追加する際に役立つjsfiddleが見つかりました。

どのように私は同じ結果を得ることができますが、動的に作成された要素では？

プラグインを一切使用しない場合は可能です。

http://jsfiddle.net/UQTY2/29/

ユーザーがティックたオプションに応じて、私のdivがタスクの重要性を示すために、3色の円のいずれかが表示されます。このような方法でサークルにツールチップを追加できますか？

jQuery(function() { 
     jQuery('.veryImportant').tooltip(); 
    }); 

Answer 1

あなたはちょうどあなたが、通常、唯一の要素がページに追加された後、あなたが.tooltip()を呼び出していることを確認してくださいだろうかツールチップを追加します。あなたのコードに基づいて、すぐにそれを追加しようとしているようですが、その要素が存在しなければ、それは決して得られません。

Simpleサンプル：

<div id='test'>im a div</div> 

$("#test").append("<span id='spantest'>hey</span>"); 
$("#spantest").tooltip(); //works fine, since the element exists at time of call 

Answer 2

私のためだけの作業ソリューションはDataTableの中createdRowを使用していた、Tooltip doesn't work on datatables child rows