我试图在单击按钮时调用 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
函数中.
如有任何帮助,我们将不胜感激。
最佳答案
例如,您需要先为该 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')
关于javascript - 单击按钮时无法调用 View 功能主干,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19107833/