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

Question

我试图在单击按钮时调用 View 函数，我发现 this 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");
   }
});

我在我的router中尝试了console.log，并且render()正在工作，除了在addToCart函数中.

如有任何帮助，我们将不胜感激。

Answer 1

例如，您需要先为该 View 分配 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')