我有一个带有嵌套列表的应用程序,我正在尝试使用主干进行管理。每个单独<li>
的元素都有一个视图,但每个列表元素都有自己的嵌套<ul>
标签,它有自己的实例化视图。这是一个例子:
HTML
<ul class='elements'>
<li class='element'>
<div>
<a class='edit-element'>Edit</a>
</div>
<ul class='elements'>
<li class='element'>
<div>
<a class='edit-element'>Edit</a>
</div>
</li>
</ul>
</li>
</ul>
JavaScript
element_view = Backbone.view.extend({
events: {
'click .edit-element' : 'edit_element'
},
edit_element : function(event) {
//code to handle editing of an element
}
});
问题是,如果我单击子元素,两个视图都会触发 edit_element 事件,这有几个原因是有问题的。我该如何构造它,以便当我单击 child 中的链接时<li>
,它会为此触发,而不是包含它的<li>
任何s?<li>