salam 私は symfony2 と jqueryMobile でモバイル サイトを開発しています
折りたたみ可能なリストビューをロードしますが、画像のようにこの応答がありました
ここで最初のページの私のコード
{% block content %}
<h4>Les Categories</h4>
<div data-role="collapsible-set" data-theme="b" data-content-theme="d" class="ui-collapsible-set">
{% for Categorie in Categories %}
<div data-role="collapsible" data-collapsed="true" class="info" data-record="{{Categorie.id}}">
<h1>{{ Categorie.Libelle }}</h1>
<p class="catdetail">
</p>
</div>
{% endfor %}
</div>
<script>
$('div.info').live('expand', function(){
//get the ID for this record
var record = $(this).data("record");
console.log('expanded '+record);
$(".catdetail", this).load("{{ path('Ecommerceboutique_mobile')}}dscat/"+record);
});
</script>
{% エンドブロック %}
折りたたみ可能な状態でロードされた 2 番目のページ
<ul data-role="listview" class="ui-listview">
{% for souscategorie in souscategories %}
<li>
<a href="{{ path('Ecommerceboutique_mobile_lstprdsouscat', { 'id': souscategorie.id })}}">
{{souscategorie.Libelle}}
</a>
</li>
{% endfor %}
編集
スクリプトを 2 ページ目に追加しますが、それでも同じ問題が発生します
<script>
$(function() {
$('.selector').listview('refresh');
});