問題タブ [jquery-mobile-collapsible]

動的に生成された折りたたみ可能な jQuery Mobile ページがあります。ページを離れてから戻る場合を除いて、うまく機能します。その場合、折り畳み式が 2 回表示されます。リフレッシュすると問題は解決しますが、それは明らかに良い解決策ではありません。ここの他の人は同様の症状を説明していますが、それらの解決策は私にはうまくいきませんでした. 誰かが私を助けてくれることを願っています。pageinit を誤用している可能性があると思います...

jQuery Mobile 1.3.1 で jQuery 1.9.1 を使用しています。私は Codiqa を使用してページを生成しているため、jQuery 1.3.1 を使用しています。すべてのページが個別の html ファイルになるようにコードを生成しました。

これが私のコードです：

ご覧いただきありがとうございます。

私はjQueryモバイルを使用しています。この場合、画面幅が 960px 未満の場合、折りたたみ可能な data-role を div に追加したいと考えています。

私の例では、サイトをロードしたときにのみ機能します。しかし、ページをリロードせずにブラウザーのサイズを変更したときにも機能することを望みます。

> 960 px から < 960 px への変更は、たとえば、タブレットを回転させたり、ブラウザー ウィンドウのサイズを手動で変更した場合です。

編集

data-role="collapsible" を機能させるには、ページをリロードする必要があるようです。

jQuery モバイル 1.4.0 に折りたたみ可能なセットがあります。アニメーションのように展開するときに、この折りたたみ可能なセットにカスタム アニメーションを追加したいと考えてい ます。

JSFiddle の折りたたみ式セット

次のスタイルを使用して折りたたみ可能なものをアニメーション化しましたが、同じ結果が得られませんでした。このスライド ダウン/アップ アニメーションを展開時に折りたたみ可能なものに適用するにはどうすればよいですか?

私を助けてください ..

jQuery モバイル 1.4.0 アプリに次の折りたたみ可能なセットがあります。問題は、折りたたみ可能なものを展開してから閉じると、次の画像に示すように、この折りたたみ可能なものの上端が削除されることです。この問題を解決するにはどうすればよいですか?

私を助けてください ..

jQuery モバイル 1.4.0 アプリに次の折りたたみ可能なセットがあります。展開して閉じたときに、この折りたたみ可能なセットにアニメーションを追加する必要があります。このコードを試してみましたが、 jsfiddleで問題なく動作しました。問題は、jquery mobile 1.4.0 を使用したアプリでアニメーションが機能しなかったことです。このアニメーションを jQuery mobile 1.4.0 で動作させるにはどうすればよいですか? 私を助けてください ..

アニメーション用の JavaScript コード

折りたたみ可能なセットを示す動的リストがあります。id="selection_product_info_xxxx" xxxx=動的な製品 ID を持つさまざまなセットが生成されます。

ボタンを機能させるには、すべての製品 ID をハードコーディングして、javascript で次のようにイベントを追加する必要があります。製品IDをハードコーディングする代わりに、製品IDを動的に機能させ、製品の下に関連するdivを展開する次のスクリプトを書き直す方法を知っている人はいますか?

備考: jquery.mobile-1.3.2 と jquery-1.9.1.min.js を使用しています