让eventDelegate与backbone.js一起工作
Getting eventDelegate to work with backbone.js
我有以下js:
SwitcherView = Backbone.View.extend({
events: {
'click li' : 'clickLi',
'click' : 'click'
},
initialize: function(){
this.liEl = this.$('li');
console.log(this.liEl);
},
clickLi: function(event){
console.log('click', event);
},
click: function(event){
console.log('click', event);
}
});
new SwitcherView({el: $('#viewswitcher')});
和下面的HTML:
<div id="viewswitcher" class="block block-nav">
<div class="block-title">
<strong><span>Uw kozijn</span></strong>
</div>
<div class="block-content">
<ul class="items">
<li id="designer-container" class="ui-state-active ui-state-default">
<span class="ui-icon ui-icon-designer"></span> Ontwerper
</li>
<li id="options-container">
<span class="ui-icon ui-icon-options"></span> Kleuropties
</li>
<li id="notes-container">
<span class="ui-icon ui-icon-notes"></span> Aantekeningen
</li>
</ul>
</div>
</div>
问题是'click'事件确实工作,但我不能让'click li'工作。
我运行的是backbone.js 0.5.3, underscore.js 1.2.1和jQuery 1.6.4.
当我在jsFiddle中尝试您的代码时,它工作得很好。
愚蠢的问题:您是否通过点击第一行项目(Uw kozijn)来测试它?因为如果你是,它不在列表中…它在它自己的DIV中,所以你不会得到两个事件。然而,如果你点击其他任何东西,它就会像我期望的那样工作。
问题是旧的jQuery验证库,更新该库后,一切都如预期的那样工作!
相关文章:
- 如何在php中创建一个函数,该函数与文本区域一起工作,通过输入类似[color:red]的内容来打印具有等效颜色的文本
- document.title函数可以't设置它与php一起工作
- "此网站似乎使用滚动链接定位效果.这可能不能很好地与异步平移一起工作;
- 非常简单的js测试;Don’不要和Minko一起工作
- 无法使我的文本参数与我的查询一起工作
- 为什么Angularjs验证don't与输入[type=“number”]一起工作
- 无法使vash 0.8.0与express 4.12.3一起工作
- 如何使Angular JS控制器与指令一起工作
- 无法使autocompletion与bootstrap和php代码点火器一起工作
- 注入的元素和jQuery脚本.如何让他们一起工作
- 两个独立工作的javascript函数,但不能一起工作
- 角度和砖石一起工作
- Node http-proxy-middleware 不能与本地服务器一起工作
- jQuery脚本不想一起工作
- page.js使examples/hash与hashbang:true一起工作
- javascript使jquery倒计时与UTC时间一起工作
- jQuery.not()选择器无法与类一起工作
- Rails3-可排序列表不能与wysihtml5一起工作
- 替换匹配函数给出了未定义的错误,但它与替换一起工作
- 按钮上的数据加载消息无法与ajax调用一起工作