jquery - jquery モバイルはバックボーン マリオネット テンプレートで動作しますか?

Question

jquery モバイル コードをテンプレートで動作させるのに問題があります。results-region は、データの results-template を使用します。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 でバックボーンを使用しても問題ありません。要素を動的に追加した後、refresh を呼び出すだけです。

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

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

また、知っておくべきことがあります。折りたたみ可能なコンテンツをラップする余分な div は必要ありません。結果テンプレートでは、外側の div を削除し、itemView でプログラムによってデータの役割を設定する必要があります。

編集：完全な解決策を示すフィドルを追加しました

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