Невозможно связать событие click в Backbone

Question

Я не могу привязать событие click к действию в фрагменте ниже. Есть идеи?

var SelectView = Backbone.View.extend({ 
    template: "#select-template", 
    initialize: function() { 
    this.render(); 
    }, 
    events: { 
    "click .placeholder": "optionsDropdown", 
    }, 
    render: function() { 
    context = {className: this.className, options: this.model.get("options"), placeholder: this.model.get("placeholder")}; 
    $(this.el).html(getHTML(this.template, context)); 
    }, 
    optionsDropdown: function() { 
    alert("Hello"); 
    }, 
}); 

Answer 1

Я думаю, что проблема эта линия

className: this.className 

Я не вижу переменную Classname где-нибудь в определении вида

var SelectView = Backbone.View.extend({ 
    initialize: function() { 
     this.className = 'placeholder'; 
    }, 
    events: { 
     "click .placeholder": "optionsDropdown", 
    }, 
    render: function() { 
     context = { 
      className: this.className, 
      options: this.model.get("options"), 
      placeholder: this.model.get("placeholder") 
     }; 
     var template = _.template($("#select-template").html(), context); 

     this.$el.html(template); 
    }, 
    optionsDropdown: function() { 
     alert("Hello"); 
    }, 
}); 

var Model = Backbone.Model.extend({}); 

var newModel = new Model({ 
    'options' : 'Hello', 
    'placeholder' : 'Type your name' 
}); 

var newView = new SelectView({model : newModel}); 
newView.render(); 
$('.container').append(newView.el); 

Check Fiddle

Вы связываете событие click для class="placeholder", которое должно быть в шаблоне. Определив, что он должен работать, если у вас есть элемент с этим классом в вашем шаблоне.

Calling render from initialize

Answer 2

вы можете иметь DOM элемент переплетен в обработчик, например, "click li":"optionsDropDown"

редактирования: вам не хватает целевой элемент .. Heres рабочей скрипки http://jsfiddle.net/FGeJd/

Answer 3

Вы упускаете селектор в определении события. Это должно быть что-то вроде этого (при условии ввода идентификатора optionsId):

events : { 
    "click #optionsId": "optionsDropDown" 
}