1

私はバックボーン チュートリアルhttp://backbonetutorials.com/what-is-a-view/に従っており、イベントのリッスンの段落には次のフレーズがあります。

イベント リスナーは、"el" プロパティの子要素にのみアタッチできることに注意してください。

そして、彼らは次のコードを実行しています:

<script type="text/template" id="search_template">
  <label>Search</label>
  <input type="text" id="search_input" />
  <input type="button" id="search_button" value="Search" />
</script>

<div id="search_container"></div>

<script type="text/javascript">
    SearchView = Backbone.View.extend({
        initialize: function(){
            this.render();
        },
        render: function(){
            var template = _.template( $("#search_template").html(), {} );
            this.$el.html( template );
        },
        events: {
            "click input[type=button]": "doSearch"
        },
        doSearch: function( event ){
            // Button clicked, you can access the element that was clicked with event.currentTarget
            alert( "Search for " + $("#search_input").val() );
        }
    });

    var search_view = new SearchView({ el: $("#search_container") });
</script>

しかし、 el プロパティは、#search _container子を​​まったく持たないプロパティです。そして、彼らinputはの子であるにリスナーを適用していますsearch_template

私には意味が分からないので、何かを誤解していると思います。誰でも私を正すことができますか？

4

2 に答える 2

3

SearchView.renderが呼び出される#search _containerと、子が作成され、で定義されたテンプレートのコンテンツは#search_template

于 2012-11-08T23:42:24.023 に答える
0

バックボーン.jsではイベントが委任されます。実際、ビューがレンダリングされるときにイベントが自動的に添付されるため、HTMLがまだレンダリングされていなくてもかまいません。

于 2012-11-08T23:45:39.233 に答える