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

我是Backbone.JS新手，任何正确方向的帮助或指点都会很好

附加的JS提琴只允许我加载我所写的两个视图/模板中的一个。有关于如何显示这两个模板的帮助吗

我尝试了以下方法，但不起作用

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

我尝试在JSFIDLE上重新创建代码，并添加了一些注释-希望这能有所帮助

新的JS小提琴：

请帮忙

---

Luke

i您的示例将el成员初始化为

valueBasedServiceView = Backbone.View.extend({

    el: "#form_load",

应该是

valueBasedServiceView = Backbone.View.extend({

    el: $("#form_load"),

---

此外，还缺少下划线和主干引用。我更新了JSFIDLE，现在它可以正常工作了

只要让你的HTML有效就可以“工作”

从

到

正确关闭您的div。

---

这是可能的，不需要任何特殊的东西。你发布的代码无助于理解为什么它根本不起作用。你能在小提琴上重现问题并发送到这里吗？URL已经添加。你的小提琴一团糟。您的HTML事件无效。发布一些简单、正确、直接针对您的问题的内容。它现在已经更新了—稍微好一点。对不起，我没有非常简洁地理解我的观点。嗨，非常感谢更新的JS小提琴。你肯定有一半的工作。但这就是问题所在，理想情况下，我会让两个模板都显示在加载页面上。你明白我什么意思吗？再次感谢

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

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