Backbone class 选择器仅适用于 1 class

Question

我有两个 <a> 标签。一个 class:

table-link

其他：

table-link danger

在我的 backbone 视图事件中，我想通过回调触发每个事件：

events: {
    'click .table-link': 'edit',
    'click .table-link.danger': 'del'
}

这对 table-link 很好用，但是，当单击 table-link danger 时，它会同时调用 del 和 edit

如何让后者不触发 .table-link 点击？

Answer 1

您可以使用 :not() pseudo class 来排除它：

events: {
    'click .table-link:not(.danger)': 'edit',
    'click .table-link.danger': 'del'
}

不过，我建议向该元素添加一个额外的 class，如。

Answer 2

如果可能的话，我建议通过将“.edit”添加到 table link 元素并更改您的代码来明确 'edit' 绑定：

events: {
    'click .table-link.edit': 'edit',
    'click .table-link.danger': 'del'
}

这使得我以后添加新的 table-link 类型更加清晰和容易。

Backbone class selector for only 1 class