Магистральные события не срабатывают после визуализированного представления

Question

У меня есть представление, которое отображается в маршрутизаторе, но после его рендеринга ни одно из событий не будет срабатывать. Ниже мой взгляд:

function(Global, util, user, userMenu) { 
     /*userMenu is the template*/ 
     var UserMenuView = Backbone.View.extend({ 
      initialize: function() { 
       this.template = _.template(userMenu); 
      }, 
      render: function() { 
       var container = $(this.el); 
       container.empty().append(this.template()); 
       return container; 
      }, 
      events: { 
       "tap #about-user-menu" : "launchAbout", 
       "keydown #about-user-menu": function(e) { if (e.which === 13) this.launchAbout(e); }, 
       "tap #help-user-menu" : "launchHelp", 
       "keydown #help-user-menu": function(e) { if (e.which === 13) this.launchHelp(e); }, 
       "tap #resources-user-menu" : "launchResources", 
       "keydown #resources-user-menu": function(e) { if (e.which === 13) this.launchResources(e); }, 
      }, 
      launchAbout: function(e){ 
       e.preventDefault(); 
       alert("about"); 
      }, 
      launchHelp: function(e){ 
       e.preventDefault(); 
       alert("help"); 
      }, 
      launchResources: function(e){ 
       e.preventDefault(); 
       alert("resources"); 
      } 
     }); 
     return UserMenuView; 
    } 

Это, как я рендеринг мнения в маршрутизаторе:

showUserMenu: function(){ 
    var userMenu = new UserMenuView(); 
    userMenu.render(); 
} 

Answer 1

this.template() в коде возвращает только HTML строки, вызывая проблемы.

так что вы должны попытаться добавить el элемент зрения, которая имеет HTML строку, а также Event bindings

теперь на ваш взгляд назначить HTML для el

render: function() { 
      this.$el.html(this.template()); 
      return this; 
      } 

в маршрутизаторе

$('#menu').append(UserMenuView.render().el);