Jquery工具提示不能在文本/模板上工作

Jquery tooltip not working on text/template

本文关键字：工作 文本 工具提示 不能 Jquery      更新时间：2023-09-26

我不能得到javascript工具提示工作的动态输出，我正在使用骨干填充我的divcell 

<script class="bookTemplate" type="text/template">
<div class="divRow">
    <div class="divCell <%= Slot.StyleClass %>"><a class="tool" data-tip-type="text" data-tip-source="<%= Slot.TooltipText %>" href="#"><%= Slot.ValueText %></a></div>
</div>
</script>

这将完全按照预期输出html，但是工具提示不起作用。如果我硬编码html单元格，工具提示工作。

我调用javascript工具提示文件在页脚我的页面(asp/mvc)

  Output from Dynamic:<div class="divCell open"><a class="tool" data-tip-type="text" data-tip-source="Book it!" href="#">Open</a></div>
  Output from Static: <div class="divCell open"><a class="tool" data-tip-type="text" data-tip-source="Book it Now!." href="#">Open</a></div>
  <script type="text/javascript" src="/Assets/js/views/tooltip.js"></script>

我不明白为什么工具提示不显示在动态?html是一样的，(我仍然是新的JS世界)所以我试着移动的东西，我不知道如何调试这个或围绕这个工作，如果我想让工具提示脚本在动态领域工作，我必须使用特殊的方法吗?

你的Javascript可能没有考虑到你用backbone创建的新元素。

你可以使用一个名为on()的jQuery函数，它有能力处理尚未创建的后代元素的事件

$( "#selector" ).on( "click", function() {
   //do your tooltip call
});
相关文章：