javascript - BackboneJS - 重用面板

Question

我编写了下面的引导程序片段，它可以给我一个基本的手风琴面板。我想让它成为一个主干视图（或者可能是一个模板），以便它可以重复使用，

有人可以帮我解决这个问题吗？

<div class="accordion" id="accordion2">
              <div class="accordion-group">
                <div class="accordion-heading panelBg">
                    Collapsible Group Item #1 <div style="float:right;padding-right:13px"><0a href="#" class="btn btn-info btn-mini"><i class="glyphicon glyphicon-lock"></i></a><a href="#" class="btn btn-info btn-mini"><i class="glyphicon glyphicon-wrench"></i></a></div>
                  <a class="accordion-toggle" style="color:white" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">

                  </a>
                </div>
                <div id="collapseOne" class="accordion-body collapse in">
                  <div class="accordion-inner">
                    Anim pariatur cliche...
                  </div>
                </div>
              </div>
        </div>
    </div>

提前致谢！戴夫

Answer 1

第 1 步：选择一个模板系统（例如 Handlebars）

步骤 #2：将该 HTML 放在您的代码可以访问的位置（在页面上的脚本标记内或代码中的 Javascript 字符串内）

步骤#3：使render您Backbone.View使用该模板的方法以及您的模板系统生成呈现的 HTML；将该 html 应用到视图的 el ( this.$el.html(...)

第 4 步：利润！