如何在单个页面上加载多个Backbone.js视图

时间:2014-03-19 11:21:27

标签: javascript jquery backbone.js checkbox

我是Backbone.JS的新手,任何正确方向的帮助或指针都会很棒。

附带的JS Fiddle只允许我从我写的两个中加载1个视图/模板。关于我如何才能显示两个模板的任何帮助?

我尝试了以下但不起作用......

var qualityBasedMaterialorService_view = new qualityBasedMaterialorService({
    el: $("#form_select") 
});
var valueBasedService_view = new valueBasedServiceView({ 
    el: $("#form_load") 
});

我尝试使用一些注释在JSFIDDLE上重新创建我的代码 - 希望这会有所帮助。

新JS FIDDLE:http://jsfiddle.net/CertifiedNinja/WyZU3/

请帮忙

卢克

2 个答案:

答案 0 :(得分:0)

我的例子是你正在将el成员初始化为

valueBasedServiceView = Backbone.View.extend({

    el: "#form_load",

应该是

valueBasedServiceView = Backbone.View.extend({

    el: $("#form_load"),

还缺少下划线和骨干参考。我更新了jsfiddle,现在它已经完成了一半。 http://jsfiddle.net/WyZU3/2/

答案 1 :(得分:0)

只是让你的HTML有效才能使其“正常工作”。

<div id="form_select"><div>
<div id="form_load"></div>

<div id="form_select"></div>
<div id="form_load"></div>

正确关闭你的div。

Fiddle