Backbone.jsイベントが発生しないと表示する

Question

backbone.jsビューのイベントを起動するときに問題が発生します。 ＃login-buttonをクリックすると、何も起こっていません。

また、iCanHaz（http://icanhazjs.com/）を使用してテンプレートを読み込みます。私はあなたが正しく表示の 'エル' プロパティを使用していないと信じて

<script id="loginView" type="text/html"> 
     <div data-role="page" id="login" class="container"> 
      <div class="hero-unit"> 
       <div class="row-fluid"> 
        <div class="span12"> 
         <div class="form-horizontal"> 
         <fieldset> 
          <legend>Please login to continue</legend> 
          <div class="control-group"> 
          <label class="control-label" for="username">Username</label> 
          <div class="controls"> 
           <input type="text" class="input-xlarge" id="username"> 
          </div> 
          </div> 

           <div class="control-group"> 
          <label class="control-label" for="password">Password</label> 
          <div class="controls"> 
           <input type="password" class="input-xlarge" id="password"> 
          </div> 
          </div> 

           <div class="form-actions"> 
         <button id="login-button" class="btn btn-primary btn-large">Login</button> 
        </div> 
         </fieldset> 
         </div> 
        </div> 
       </div> 
      </div> 
     </div> 
    </script> 

Answer 1

私はそれを理解しました。バックボーンはイベントが作成される前にイベントにバインドしていました。非同期iCanHazコールのコールバックでは、this.setElement（ '＃login'）を使用しました。これは完全に機能しました。 BACKBONE.JSのドキュメントから：

setElement [view.setElement(element)] 

「あなたはまた、キャッシュされた$エル参照を作成し、ビューの委任イベントを移動たのsetElementを使用し、異なるDOM要素にバックボーンビューを適用したい場合古い要素から新しい要素へ "

Answer 2

：

$(function() { 
var router = new App.Router; 
Backbone.history.start(); 
}); 

App.Router = Backbone.Router.extend({ 
routes: { 
    "login": "login" 
}, 

login: function() { 
    var view = new App.Views.LoginView; 
} 
}); 

App.Views.LoginView = Backbone.View.extend({ 

el: '#login', 

initialize: function() { 

    _.bindAll(this, 'render', 'validateLogin'); 
    this.render(); 

}, 

render: function() { 
    App.Stage.html(ich.loginView()); 
}, 

events: { 
    'click button#login-button' : 'validateLogin' 
}, 

validateLogin: function(event) { 
    console.log("validateLogin fired."); 
} 

}); 

はここに私のマークアップです（ICanHaz.jsを使用して）：

は、ここに私のjavascriptのです。次のようにIDの代わりにプロパティをjQuery DOMオブジェクトで参照させてください：

App.Views.LoginView = Backbone.View.extend({ 

el: $('#login') 

...