为什么骨干 view.el 'body'一切都很好，但当 view.el #container"时被破坏了？

Question

我是一个较新的骨干。我的代码有一个链接。

$(function (){
  var test = {};
    test.View = Backbone.View.extend({
        el: 'body',
        initialize: function (){
            this.input = $('#new-todo');
        },
        events: {
            'keyup #new-todo': 'check'
        },
        check: function (){
      console.log('!');
            $('#test').html(this.input.val());
        }
    });
    test.view = new test.View();
});

我发现了一个类似的问题，但仍然混淆了它。当我设置el:'#container'时，keyup事件不起作用。

我想知道，View.el是什么，它的功能是什么？与el: 'body'和el: '#container'有什么不同。

Answer 1

Backbone希望视图只处理其特定DOM元素（el）中的事件。您的#new-todo在#container 之外

我想知道，View.el是什么，它的功能是什么？el:'body'和el:'#container'有什么不同。

el是视图一直引用的元素。事件附加到该el元素中的元素。

这样想吧：视图只引用el元素。