Question

我写了下面的bootstrap片段，它可以给我一个基本的手风琴面板。我想将其作为骨干视图（或可能是模板），以便它可以重复使用，

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

<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：选择模板系统（例如把手）

步骤2：将HTML放在代码可以访问它的地方（在页面上的脚本标记内或代码中的Javascript字符串内）

步骤3：使render Backbone.View方法使用该模板以及模板系统生成呈现的HTML;将该html应用于视图的el（this.$el.html(...）

步骤4：获利！

BackboneJS - 重用面板

1 个答案: