Javascript 如何注册'；单击'；（保护提示）工具提示内容上的事件？

我正在使用它的工具提示，但我有一个问题

因此，我：

<span class="tooltip_templates">
            <span id="tooltip_content_{TAB_LOOP.ITEM_LOOP.ITEM_ID}">
            <!-- BEGIN ITEM_LOOP.CHILD_ITEM_LOOP -->
            <!-- IF TAB_LOOP.ITEM_LOOP.ITEM_ID == TAB_LOOP.ITEM_LOOP.CHILD_ITEM_LOOP.P_ID -->
            <a href ="#"><img class = 'hide' src ="{T_IMAGES_PATH}custom_avatars/item_thumbnails/{TAB_LOOP.ITEM_LOOP.CHILD_ITEM_LOOP.C_ID}.png" title ="{TAB_LOOP.ITEM_LOOP.ITEM_NAME}" id ="{TAB_LOOP.ITEM_LOOP.CHILD_ITEM_LOOP.C_ID}"/></a>
            <!-- ENDIF -->
            <!-- END ITEM_LOOP.CHILD_ITEM_LOOP -->
             <a href = "#"><img class = 'hide' src ="{T_IMAGES_PATH}custom_avatars/item_thumbnails/{TAB_LOOP.ITEM_LOOP.ITEM_ID}.png" title ="{TAB_LOOP.ITEM_LOOP.ITEM_NAME}" id ="{TAB_LOOP.ITEM_LOOP.ITEM_ID}" /></a>
            </span>
          </span>

事件没有在这里触发，所以我检查了页面的源代码并看到

因此，看起来内容被移动到了protip内容，但是，将click函数的类更改为。protip内容也不会触发事件。有什么想法吗

我试着在这里做一些测试，在所有的图像点击中都添加了一个警告，正如你所看到的，当点击工具提示中的图像时，事件不会被调用

---

你就快到了。我认为DOM元素[.tooltip\u templates img]之所以没有调用该事件，是因为在$（document）.ready（）之后的DOM中没有调用它。您需要使用[.on]或[.delegate]附加并触发这些事件：

参考资料：

[on]=

[代表]=

下面是一个JSFIDLE示例参考：

 $( ".tooltip_templates img" ).click(function() {
      alert("ok"); 
  });`

$('.tooltip_templates img').on('click', function(event) {
    event.preventDefault();
    alert('here');
});