jquery - jquery mobile 是否适用于骨干木偶模板？

Question

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

<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/