Question

我正在尝试在点击按钮时调用查看功能，我找到了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");
   }
});

我在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')

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

1 个答案: