相关疑难解决方法(0)

使用Backbone和Marionette,我创建了一个新的布局,进入我页面上的主要内容div.布局如下所示:

<div id='dash-sidebar'>
    <div id='dash-profile'></div>
    <div id='dash-nav'></div> 
</div>
<div id='dash-content'></div>

问题是当我渲染布局时,Backbone会自动将它包装在div中,然后将其放入主内容div中,如下所示:

<div id='main-content'>    
  <div>
    <div id='dash-sidebar'>
      <div id='dash-profile'></div>
       <div id='dash-nav'></div> 
    </div>
    <div id='dash-content'></div>
  </div>
</div>

我知道我可以用tagName更改元素,但是可以避免完全包装模板并将其直接插入到页面上的主内容div中吗？

我有以下模板:

<div class="row">
  <div></div>
  ....
</div>

以及以下观点:

    var TestView = Backbone.View.extend({
    tagName: "div",
    template: $("#tests_template"),
    initialize: function () {
        _.bindAll(this, 'clickbtn');
    },
    events:
    {
        "click .btn": "clickbtn"
    },
    render: function () {
            ....
            {
      });

问题是,它产生以下输出:

<div><div class="row">...</div></div>

我如何摆脱外部div？我尝试从视图中删除tagName属性,但它仍然放置div？