Question

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

如何使用动态创建的元素获得相同的结果？

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

根据用户选择的选项，我的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，请参阅Tooltip doesn't work on datatables child rows

将工具提示添加到jQuery动态创建的元素

2 个答案: