我在Backbone中有一个渲染方法,基本上就是这样：
render: function () {
$.tmpl(this.template,attrs).appendTo(this.el);
return this;
},
这是从路由器动作中调用的：
action: function () {
$('#container').empty();
$('#container').append(myView.render().el);
},
现在,我想在这个视图中的标签元素上应用一个插件.我的第一个想法是在render中调用插件：
render: function () {
$.tmpl(this.template,attrs).appendTo(this.el);
this.$('label').inFieldLabels();
return this;
},
但是这不行(我假设这是因为元素尚未添加到DOM中).如果我在路由器动作中调用插件,它会工作：
action: function () {
$('#container').empty();
$('#container').append(myView.render().el);
myView.$('label').inFieldLabels();
},
我宁愿不这样做,因为插件是视图的一部分,而不是路由器,所以在操作中调用它是没有意义的.有没有更好的方法来做到这一点？
解决方法
拜特这样做：
action: function () {
var container = $('#container');
container.empty();
myView.render(container);
},render: function (container) {
$(this.el)
.append($.tmpl(this.template,attrs))
.appendTo(container);
$('label',this.el).inFieldLabels();
return this;
},