jquery - 向 jQuery 动态创建的元素添加工具提示

Question

我在使用 jQuery 添加工具提示时发现了这个有用的 jsfiddle。

我怎样才能获得相同的结果，但使用动态创建的元素？

没有任何插件，如果可能的话。

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

根据用户勾选的选项，我的 div 将显示三个彩色圆圈之一以显示任务的重要性。我可以以这样的方式向圆圈添加工具提示吗？

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

Answer 1

您只需按照通常的方式添加工具提示，只需确保.tooltip()在元素添加到页面后调用。根据您的代码，您似乎正在尝试立即添加它，如果该元素不存在，它将永远不会得到它。

简单示例：

<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

对我来说唯一可行的解​​决方案是在数据表中使用createdRow，请参阅工具提示不适用于数据表子行