2

私は jquery モバイルの最新バージョンを使用しています。戻るボタンまたはリンクをクリックすると、スライドショーが機能しなくなります。

それらのリンクを追加すると、スライドショーはすべての場合にうまく機能しますが、迅速な応答data-ajax="false"には使用したくありません。data-ajax="false"どうすればこの問題を解決できますか? 私はjqueryモバイルで少し新しいです。

4

2 に答える 2

3

ページの読み込み時にこれを実行してみてください。

$(document).ready(function(){
    $('div[data-role=page]').page('destroy').page();
});

ページが更新され、すべてが再び機能するようになります。

于 2012-11-24T19:05:03.777 に答える
3

ドキュメントによると、jQuery Mobileのページ間を移動すると、コンテンツはデフォルトで再読み込みされます。これを使用するdata-ajax="false"と、jQuery Mobileがページを完全にリロードするため、スクリプトが機能します。

次のスライドショーコールがあるようです。

$(function(){
     // init gallery on DOM ready
     $('.gallery').slideshow();
});

ただし、jQuery Mobileを使用してページ間を移動する場合は、特定のページがリロードされたときにギャラリーを再初期化する必要があるため、ユニバーサルコードは次のようになります。

$(document).bind('pageinit', function() {
     // init gallery when current page loaded
     $('.gallery').slideshow();
});
于 2012-11-24T19:07:05.510 に答える