Jquery点击未绑定(bind)

Question

我使用 Handlebars 附加了一些 html，但无法从超链接获取要触发的事件:

JS - 此代码在 document.ready 期间调用。

$(".media-item a.meddelete").unbind("click");
$(".media-item a.meddelete").click(function (event) {
    event.preventDefault();
    var id = $(this).data("assetid");
    alert(id);
});

HTML

<div class="media-item">
   <p><a href="ImageManipulation.aspx">Edit</a></p>
   <p><a href="#" class="meddelete">Delete</a></p>
</div>

我看不出哪里出了问题，有什么想法吗？

Answer 1

假设“注入(inject)”意味着示例中的元素在页面加载后动态附加到 DOM，则需要使用委托(delegate)事件处理程序:

$(document).on('click', '.media-item a.meddelete', function (event) {
    event.preventDefault();
    var id = $(this).data("assetid");
    alert(id);
});

请注意，我的示例中的 document 应更改为最接近的静态元素，以获得最佳性能。