无法获取Backbone.js查看要触发的事件

Question

看起来好像下面的代码正在进入initialize内部，但我的事件看起来并未触发。

我在这里错过了什么？

var index = (function ($, window, document) { 

    var methods = {}; 

    methods = { 
      init: function() { 

      }, 

      getView: Backbone.View.extend({ 
       el: $('.settings'), 

       events: { 
       'click .settings': 'addUl' 
       }, 

       initialize: function() { 
        console.log('init'); 
       }, 

       render: function() { 
       }, 

       addUl: function() { 
       console.log('addUI'); 
       this.el.append("<ul> <li>hello world </li> </ul>"); 
       } 
      }) 
    }; 

    return methods; } (jQuery, window, document)); 

var stuff = new index.getView();

链接到jsbin

Answer 1

在'click .settings'

Answer 2

其实完全删除.settings删除的空间。

'click .settings'正在注册与this.el匹配的'.settings'的后代的点击处理程序。

在你的例子中，你想直接在this.el上注册一个事件，所以你不需要后代选择器。

Answer 3

问题是，它是您的视图元素（$el）具有settings类，而不是孩子。

click .settings通知骨干绑定$el上的“点击”事件，对于任何有.settings的孩子。但是，因为它是$el，它具有类别settings绑定永不匹配。

这就是为什么当你删除.settings它的作品，因为你说“任何‘点击’在$ EL”

的文件说click .blah的原因是因为它假定HTML元素（S）与class='blah'是$el元素的子代。

希望得到这个帮助。