Backbone 事件选择器 - 类似于 jQuery
Backbone events selector - like jQuery
对于事件的普通 jQuery 选择器,我可能会这样做:
var ele = $('ul.list li');
$('a',ele).on('click',function(){});
它针对 DOM 中 ele
下的所有链接(我认为!)。
使用 backbone,我的当前事件在视图中的功能如下所示:
events: function(){
var e = {};
e['click a'] = 'someFunction';
return e;
}
如何使用 backbone 执行相同的操作,即定位 ele
.. 下的所有链接?
具体来说,我要定位的元素是同一视图中的 el
,它是使用 tagName: 'li'
.
创建(未引用)的
更新:
所以我想我真正想问的是:
使用 Backbone 视图,如何将事件 仅 附加到作为视图的 DOM 元素的子元素的 DOM 元素。 ?
我想这就是您要找的:
var MyView = Backbone.View.extend({
// stuff
events: {
"click .icon": "open",
"click .button.edit": "openEditDialog",
"click .button.delete": "destroy"
},
// more stuff
});
在 MyView
事件对象中定义的事件将仅应用于定义的 el
.
内的 DOM 元素
查看:http://backbonejs.org/#View-el 了解有关 el
(和 $el
)
的更多信息
对于事件的普通 jQuery 选择器,我可能会这样做:
var ele = $('ul.list li');
$('a',ele).on('click',function(){});
它针对 DOM 中 ele
下的所有链接(我认为!)。
使用 backbone,我的当前事件在视图中的功能如下所示:
events: function(){
var e = {};
e['click a'] = 'someFunction';
return e;
}
如何使用 backbone 执行相同的操作,即定位 ele
.. 下的所有链接?
具体来说,我要定位的元素是同一视图中的 el
,它是使用 tagName: 'li'
.
更新:
所以我想我真正想问的是:
使用 Backbone 视图,如何将事件 仅 附加到作为视图的 DOM 元素的子元素的 DOM 元素。 ?
我想这就是您要找的:
var MyView = Backbone.View.extend({
// stuff
events: {
"click .icon": "open",
"click .button.edit": "openEditDialog",
"click .button.delete": "destroy"
},
// more stuff
});
在 MyView
事件对象中定义的事件将仅应用于定义的 el
.
查看:http://backbonejs.org/#View-el 了解有关 el
(和 $el
)