Question

我无法使用javascript工具提示来处理动态输出，我正在使用骨干来填充我的divsCells

<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 Cell进行硬编码，则工具提示可以正常工作。

我在页面的页脚（asp / mvc）中调用了javascript工具提示文件

  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世界的新手）所以我尝试了移动的东西，我不知道如何调试这个或解决这个问题，如果我想要工具提示脚本在动态字段上工作我有吗使用特殊方法？

Answer 1

您的Javascript可能没有考虑您使用骨干创建的新元素。

您可以使用名为on()的jQuery函数，该函数能够处理尚未创建的后代元素上的事件

$( "#selector" ).on( "click", function() {
   //do your tooltip call
});

在骨干完成插入后，应该对工具提示进行调用。

Jquery工具提示无法处理文本/模板

1 个答案: