在Backbone.Marionette itemviews和布局额外的div [英] Extra divs in itemviews and layouts in Backbone.Marionette

问题描述

我尝试Backbone.Marionette，我很困惑，为什么我的布局和ItemViews保持产生额外的div。

I am trying out Backbone.Marionette and I am confused as to why my Layouts and ItemViews keep generating extra divs.

例子是在咖啡顺便说一句。

example is in Coffee btw.

AppLayout = Backbone.Marionette.Layout.extend
  template: "#my-layout",

  regions:
    menu: "#menu",
    content: "#content"

MyMenuView = Backbone.Marionette.ItemView.extend
  template: '#project_wiz_nav_template'

MyContentView = Backbone.Marionette.ItemView.extend
  template: '#project_setup_template'

MyApp = new Backbone.Marionette.Application()

MyApp.addRegions
  mainRegion: '#project'

MyApp.addInitializer ->
  layout = new AppLayout()
  MyApp.mainRegion.show(layout)

  layout.menu.show(new MyMenuView())
  layout.content.show(new MyContentView())

MyApp.start()

这是什么样的index.html包括：

This is what index.html contains:

<div id='project'></div>
<script type='text/template' id='project_wiz_nav_template'> <h2>HI</h2> </script>
<script type='text/template' id='project_setup_template'> <h2>WORLD</h2> </script>
<script id="my-layout" type="text/template">
  <h2>Hello!</h2>
  <div id="menu"></div>
  <div id="content"></div>
</script>

这就是它产生：

<div id="project">
  <div>
    <h2>Hello!</h2>
    <div id="menu">
      <div> 
        <h2>HI</h2> 
      </div>
    </div>
    <div id="content">
      <div> 
        <h2>WORLD</h2> 
      </div>
    </div>
  </div>
</div>

正如你所看到的，它不断生成的意见和布局额外的div。我试着加入报：#menu和报：＃内容无济于事。

推荐答案

这是因为木偶不是。主干生成一个＆LT; D​​IV＆GT; 类为你默认。您可以设置通过标签名属性标签。有关为这种重复问题的评论。

This is not because of Marionette. Backbone generates a <div> class for you by default. You can set the tag via the tagName attribute. See comments on the question for duplicates of this.

这篇关于在Backbone.Marionette itemviews和布局额外的div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！