javascript - 使用后代选择器绑定(bind)主干事件

Question

我有一个事件委托(delegate)对象，如下声明:

events:{
    'click .outer .showMore':'showMore',
    'click .showLess':'showLess'
}

第一个不触发。我可以输入

$('.outer .showMore').on('click',function(){alert('test')})

进入控制台，它将绑定(bind)该事件。 .showMore 元素位于我的模板中，它不是动态添加的。如果我取出 .outer ，它就会起作用，但是，我需要它来防止渗透到其他 View 。

我错过了什么？甚至是Backbone docs for delegateEvents显示后代选择器。

这是一个 Marionette 项目，但我相信这些问题与 Backbone 相关。

Answer 1

事实证明，当通过事件哈希绑定(bind)事件时，Backbone 足够智能，只能绑定(bind)当前 View 上的元素。这意味着我根本不需要使用 .outer 选择器。

我想它不起作用的原因是 Backbone 可能在将我的 View 类传递给 jQuery 进行绑定(bind)之前将其添加到选择器中。所以它可能试图绑定(bind)'.outer .outer .showMore'