2

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');
});

4

2 に答える 2

0

私はこれで問題を解決します

    {% for souscategorie in souscategories %}
    <li data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="div" data-icon="arrow-r" data-iconpos="right" data-theme="c" class="ui-btn ui-btn-icon-right ui-li-has-arrow ui-li ui-btn-up-c">
        <div class="ui-btn-inner ui-li">
            <div class="ui-btn-text">
                <a href="{{ path('Ecommerceboutique_mobile_lstprdsouscat', { 'id': souscategorie.id })}}" class="ui-link-inherit">
                    {{souscategorie.Libelle}}
                </a>
            </div>
            <span class="ui-icon ui-icon-arrow-r ui-icon-shadow">&nbsp;</span>
        </div>
    </li>
{% endfor %}

あなたの助けをありがとうフィル

于 2012-10-18T15:09:05.767 に答える
0

プルしたら、リストビューを更新するかもしれません

$(".catdetail", this).load("{{ path('Ecommerceboutique_mobile')}}dscat/"+record).listview('refresh');

jQM ドキュメント:

于 2012-10-18T12:19:30.043 に答える