javascript - 如何将 JavaScript 事件监听器预添加到使用 Mustache 生成的元素？

Question

假设我有这个模板:

<script type="text/html" id="list_tpl">
<ul>
{{#list}}
    <li><input value="{{ name }}" /><a href="javascript:void(0);">delete</a></li>
{{/list}}
</ul> 
</script>  

渲染:

Mustache.to_html(document.getElementById("list_tpl").innerHTML), {
    "list": [
        {"name": "a1"},
        {"name": "a2"},
        {"name": "a3"}
    ]
});

我想绑定(bind)一个事件，当 delete每个链接 <li>被点击，即<li>从 DOM 中移除。
我知道我可以在渲染完成后绑定(bind)事件，但由于渲染会发生多次(每次用户单击按钮)，我不想每次都绑定(bind)它。
如何做到这一点？

Answer 1

我不确定如何使用纯 javascript 来实现，但 Jquery 有 .live() http://api.jquery.com/live/

来自该网站:“现在和将来，为所有与当前选择器匹配的元素附加一个事件处理程序。”

这正是您要问的。

这里有一些关于 SO 如何在普通 javascript 中做到这一点的相关信息: jQuery live() in plain JavaScript?

第，