我有以下模板：
<div class="row"> <div></div> .... </div>
以及以下观点：
var TestView = Backbone.View.extend({
tagName: "div",template: $("#tests_template"),initialize: function () {
_.bindAll(this,'clickbtn');
},events:
{
"click .btn": "clickbtn"
},render: function () {
....
{
});
问题是,它产生以下输出：
<div><div class="row">...</div></div>
解决方法
更改模板以摆脱外部div：
<div></div> ....
然后,告诉视图使用类名创建div：
tagName: "div",className: "row"
或者,如果您想保留当前模板,请告诉View使用哪个el(假设它已存在于您页面上的某个位置)：
var testView = new TestView({el: $(".row")});
编辑你问你是否可以在初始化程序中执行此操作？当然,但您需要确保挂钩事件：
initialize: function () {
this.el = $(".row");
this.delegateEvents();
_.bindAll(this,'clickbtn');
}
不过,老实说,前两个选项是更加去耦合的IMO.
