javascript - 单击按钮时无法调用视图功能主干

Question

我试图在单击按钮时调用视图功能，我发现了这个问题并遵循但仍然没有达到视图功能。

html:

<form class="addToCart-form">
    <input type="button" id="addToCart" class="addToCart" value="Add To Cart" />
</form>

看法 ：

var CartView = Backbone.View.extend({
   events : {
       "click : #addToCart" : "addToCart"
   },
   addToCart : function (){
        console.log('saved');
        return false;
   },
   render: function(){
      $("#list").html("string");
       $("#rightpanel").html("another string");
   }
});

我尝试console.log过router并且render()正在工作，除了addToCart功能。

任何帮助，将不胜感激。

Answer 1

例如，您首先需要为此视图分配 el 值

 var CartView = Backbone.View.extend({
   el: '.addToCart-form', 
   events : {
       "click : #addToCart" : "addToCart"
   },
   addToCart : function (){
        console.log('saved');
        return false;
   },
   render: function(){
      $("#list").html("string");
       $("#rightpanel").html("another string");
   }
});

之后，您可以像在元素 id 的基础上一样添加事件处理程序（更好的方法是用户元素类附加事件）。然后您将能够访问您的表单元素，例如

this.$el.find('#addToCart')