javascript - 下划线/lodash 模板上的事件绑定(bind)

Question

我在 jquery 插件中有一个示例 lodash 模板，如下所示:

<div>
    <% _.forEach(circle, function(circle, idx){%>
          <a class='circle'> <%- circle.circleName %> </a>
    <%})%>
</div>

我想将单击事件处理程序添加到 a 标记。目前，我在 DOM 上渲染上述模板后执行以下操作:

$(".cricle").each(function(circle){
    $(circle).click(function(elm){
        console.log("Clicked: ", elm)
    })
})

那么，在 lodash 或 jquery 中是否有一种方法可以让我不必执行所示的重复工作。

谢谢!

Answer 1

首先，您不需要遍历匹配的元素来将相同的事件处理程序绑定(bind)到元素集合。以下应该没问题:

$('.circle').on('click', function(elm) { console.log('Clicked: ', eld); });

我很确定 lodash 没有提供在模板内绑定(bind)事件处理程序的特殊方法。

您可以使用普通 JavaScript 在元素上定义内联事件处理程序。

<a class='circle' onclick="console.log('Clicked: ', this">
  <%- circle.circleName %>
</a>

尽管应该避免上述情况。