мы используемBackbone,Marionette and handlebars для моего приложения. Когда я пытаюсь сделать мой взгляд внутриMarionette.Region, один дополнительныйdiv обтекание шаблона. Как я могу избежать этого.

HTML-код:

 <div id="mainDiv"></div>
   <script type="text/x-handlebars-template" id="basic">
        <div id="first"></div>
        <div id="second"></div>
    </script>

JS код:

 //function
var templateCompilation=function(templateId,data){
   var alertCompilation=Handlebars.compile(document.getElementById(templateId).innerHTML);
   return alertCompilation(data);
};

//Application
myApp = new Backbone.Marionette.Application();
myApp.addRegions({
 mainContainer:"#mainDiv"
});
myApp.start();

//first view
var basicView=Marionette.ItemView.extend({
  template:function(){
     return templateCompilation("basic",{});
  }
});

//reding view
var basicViewObj=new basicView();
myApp.mainContainer.show(basicViewObj);

Чтобы избежать лишнего div, я стараюсь из следующих утверждений, мне не повезло, ничего не работает

var basicViewObj=new basicView({el:$("#mainDiv")});
var basicViewObj=new basicView({tagName:""});

Может кто-нибудь мне помочь.