確かに、ここにはたくさんの言葉がありますが、これは私が今まで見たことがない問題であり、それは非常に独特な問題です。だから、それはおそらく読む価値があるでしょう。
$.mobile.autocompleteからクリックされたリンクに応答してリストビューを動的に生成するページがあります。
リストビューには2つのタイプがあり<li>'s、それに応じてテーマが設定され、クラスが設定されているかどうかに応じて設定されます。
それらをl-1とl-2と呼びましょう。
l-1をクリックすると、そのlistitemは、$。ui.selectedのように、選択されているアイテムの外観を与えるクラスを切り替え、リストごとに1つの選択されたアイテムのみが許可されます。
これは、基本的なjQueryを使用して簡単に実行できます。
l-1をクリックすると、ajax呼び出しが行われ、サーバーに特定の値が送信されます。コールバック関数は、成功した場合はフッターテキストを緑色で強調表示し、エラーが発生した場合は赤色で強調表示します。
l-2をクリックすると、リストがこの特定の階層の1つ下のレベルにある別のリストに置き換えられます。
実装するのは少し難しいですが、私がそれを理解した後は簡単ではありませんでした。そしてそれは動作します....ある種。
これは奇妙なことです。このページに一度アクセスし、アイテムを選択してから上記の手順を実行すると、すべてが期待どおりに機能します。（ここではl-1を見ていきます）。オートコンプリートを使用してリストビューを何度でも生成できます。l -1をクリックすると、スタイルが適用され、ajaxが正常に起動し、要素が強調表示されます。私は幸せです、そして勇気づけて背中を軽くたたきます。
ただし、ここから奇妙なことが始まります-ホームページに戻って（戻るボタンを使用せず、単純なjQuery Mobileリンクを使用して）ページを離れ、そこに到達したら、このページに戻るためのリンク、私は戻ってきました。このページがPage-2と呼ばれているとしましょう。Page-2では、最初はうまくいきます。オートコンプリートを使用してリストを生成しますが、 l-1アイテムをクリックすると、次のようになります（または発生しません）。
- スタイルはlistitemには適用されません。
- ajaxリクエストが呼び出され、成功を返します。
- 成功要素が強調表示されます。
- 不思議なことに、ajaxは2回呼び出され、同じデータを返します。
私が去ってまた戻ってきた場合、同じことが起こりますが、
- スタイルはlistitemに適用されます。
- これで、ajax呼び出しが3回行われます。
このパターンは次のように続きます（おそらくしばらくの間-私は最大8回試しました）：
- 奇数回のトリップバックでは、スタイルが適用されます。例：（3回目のトリップバック、5回目、7回目）
- ＃が戻っても、スタイルは適用されません。例：（4、6、8）
- 戻るたびに、行われるajaxリクエストの数が1つ増えます。最初のトリップと8回目のトリップでネットワークパネルの写真を参照してください（これは、同じマウスクリック以外の何物でも生成されません）。
最初の訪問、1クリック
8ページ目ビスト、1クリック
画像を右クリックして[新しいタブで開く]を選択すると、画像を新しいタブでフルサイズで開くことができます。
洞察はありますか？
更新：2012年9月27日、東部標準時午後1時5分。
偶数ページの訪問でクリックされたボタンにスタイリングが適用されない問題を修正しましたが、根本的な問題のため、そのままの修正は単なる修正であると感じざるを得ません。おそらく、私の解決策がそれを修正したという事実は、問題をよりよく明らかにするでしょう。
解決策は、ボタンのスタイルをajax呼び出しの前からコールバックに移動することでした。これにより、スタイルはajaxリクエストが完了するまで適用されません。