我有一个代码可以查看#addHome
单击时启动插件的模型。该插件修改一个标签:
<select id="sel">
<option value="1">ON</option>
<option value="0">OFF</option>
</select>
Backbone.js 代码:
var Contents = Backbone.View.extend({
events: {
"click #addHome": "addContent1", "click #addContact": "addContent2"
},
initialize: function() {
_.bindAll(this);
this.model = new ContentCollection();
this.model.on("add", this.contentAdded);
},
addContent1: function(event) {
this.model.add({ modelName: "home"});
//Plugin:
$('select').switchify().data('switch').bind('switch:slide', function(e,type){
//Do something
});
},
addContent2: function(event) {
//another content
},
contentAdded: function(content) {
if (content.view == null) {
var template_name;
switch(content.get("modelName")){
case 'home': template_name = 'home'; break;
case 'contact': template_name = 'contact'; break;
}
content.view = new ContentView({
model: content, template: //template
});
$(".box").empty();
//render template
}
},
});
#addContact
单击时,替换.box
为“其他内容”。问题是下一个:如果#addHome
单击 after,插件内容将替换“另一个内容”,但此内容不正确,因为它显示了附加内容。我想,垃圾内容。怎么解决?
谢谢。