我正在尝试将Handlebars与jQuery mobile一起使用。我正在使用jQuery 1.9.1，jQueryMobile 1.4，Handlebars 1.1.2。
<div data-role="page" id="attach-template">
<div data-role="panel" id="mypanel">
<div data-role="header">
<h1>Title</h1>
</div><!-- /header -->
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="promotions.html">Promotions</a></li>
<li><a href="events.html">Events</a></li>
</ul>
</nav>
</div>
<script id="content-template" type="text/x-handlebars-template">
<div data-role="header">
<a href="#mypanel" data-icon="gear">M</a>
<h1>{{title}}</h1>
</div>
<div data-role="content" id="listview-content">
HELLO!
</div><!-- /content -->
<div data-role="footer">
<h4>Page Footer</h4>
</div>
</script>
</div><!-- /page -->
问题在于，当我加载页面，拉入数据，编译模板并将其附加到data-role =“ page”时，它显示得很好，但是当我单击打开面板按钮时，data-role = “内容”消失了。在chrome开发工具中，jQM不会像在页眉和页脚中那样移动或附加该div。
有什么建议为什么是这个div而不是全部呢？
我也尝试过在handlebars.append之后调用以下命令，但不执行任何操作：
$("#listview-content").trigger('create');
$('#mypanel').trigger('updatelayout');
$('body').trigger('create');
$('body').trigger('pagecreate');
当使用内部或外部面板，包内容的div与一个div UI面板一包装类，以避免重新加载内容的div首次打开面板时。
<div class="ui-panel-wrapper">
<div class="ui-content">
</div>
</div>
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句