jquery - 无法使用 jquery 定位使用 Mustache.js 渲染的元素

Question

我有一个问题

我使用 Mustache.js 创建了一个模板(示例):

<script type="text/template" id="info">
  <div id="info-content">
    {{>photoEl}}                
  </div>
</script>

创建某些元素并将其添加为部分元素(示例):

partials.photoEl = '<span class="photo"><a class="button" href="#"></a></span>';

但我无法使用 jQuery 定位任何元素。

$('.button').click(function(event){
  console.log('click');
});

什么都不做...

知道为什么吗？

Answer 1

使用事件委托(delegate)这将为 future 的元素添加处理程序。

如果您使用 $(".button") 并且该元素已经不在 DOM 中，则事件处理程序将不起作用，因为将选择注释

$(document).on("click",".button",function(){
  console.log('click');
})