jquery mobile是否可以使用主干木偶模板？

Question

我在使用jquery移动代码处理模板时遇到问题。结果区域使用数据的结果模板。关于为什么jquery移动设备不起作用的任何想法或如何让它工作？我也有滑出面板的问题。

<div id="results-region" data-role="collapsible-set" data-theme="c" data-content-theme="d" ></div>

<script type="text/template" id="results-template">
   <div data-role="collapsible">
      <h3><a href="#" data-rel="dialog"><%=faa%></a></h3>
      <p>testing</p>
   </div>
</script>

Answer 1

使用骨干与JQM没有问题。您只需在动态添加元素后调用刷新。

http://api.jquerymobile.com/collapsible-set/#method-refresh

$( "#results-region" ).collapsibleset( "refresh" );

还有一点需要注意。您不希望包含可折叠内容的额外div。在结果模板中，您应该删除外部div并以编程方式在itemView中设置数据角色。

编辑：添加了一个演示完整解决方案的小提琴

http://jsfiddle.net/puleos/naMMS/