jquery - backbone.js:如何停止嵌套 View 之间的事件传播

Question

我正在寻找使 View 独立的方法。因此， View 的事件仅限于该 View ，不会进入子级或父级的元素。

backbone.js 框架使用 jQuery .on 方法将事件绑定(bind)到 View (view.el) 的顶部元素上。由于我有嵌套 View ，当我单击 View B 的按钮时，该事件也会在 View A 上触发。我知道我可以向 View B 上的按钮单击添加一个处理程序并返回 false，但这样我需要知道父 View 的所有事件并始终处理所有这些事件。

以下是问题的示例:http://jsfiddle.net/57RAM/3/

我想点击MyViewB按钮而不触发ViewA的事件。我尝试在 View B 的事件中添加 'all': -> return false ，但没有成功。

有什么建议吗？

Answer 1

您可以使用ev.stopPropagation()在嵌套 View (MyViewB) 的单击处理程序中，以防止事件在 DOM 树中冒泡。