0

だから私はこの問題をオンラインで調べましたが、答えが見つからないようです。私の問題を完全に説明させてください。

<ul>にコンテンツを動的に追加して、すべてを正しくフォーマットしようとしています。私が挿入しているのはこれです：

<ul data-role="listview" id="localStoresUL" data-autodividers="true" data-divider-theme="d">
</ul>

クリックされてデータが読み込まれるリストアイテムが別の場所にあり、次のコードを使用してこれを実行しています。

$("#localStores").click(function() {
     Customer.getLocalStores(13, 12, function(stores){ 
        for(var i = 0; i < stores.length; i++){
           $("#localStoresUL").append('<li class="store" id="' + stores[i].id + '"><a data-transition="slide" data-filter="false">' + stores[i].fullname + '</a></li>'); 
        } 
     }); 
});

これで、ユーザーが最初にリンクをクリックしてそのリンクにデータが入力されたときに、これはすべて正常に機能し、ダンディになります<ul>。しかし、私はこのコードを使用してページに戻るボタンを持っています：

<a href="#" class="ui-btn-left back" data-rel="back" data-icon="back"  data-add-back-btn="true" >Back</a>

また、ユーザーがこの戻るボタンをクリックしてから、前のボタンを<li>もう一度クリックすると（これにより、コンテンツが読み込まれるはず<ul>です）、コンテンツは動的に読み込まれますが、フォーマットはまったく行われません。なぜこれが起こっているのか分かりません。この問題は理にかなっていますか、そして誰かがそれを修正する方法について何かヒントがありますか？

4

2 に答える 2

1

通常、コンテンツが読み込まれているのにフォーマットされていない場合は、CSS に問題があります。読み込まれた要素を firebug で検査し、どのクラスが存在し、スタイル ルールが適用されているかを確認します。次に、関連する CSS セレクターがそれらの要素と一致することを再確認します。

于 2012-11-14T12:33:54.530 に答える
1

なぜそうなるのかわかりません。すべきではありません。

リストビューを呼び出す必要があります.refresh()。

于 2012-11-15T09:09:21.283 に答える