jquery-mobileには、遅延後に画像をクリックすると別のページにリダイレクトしたい機能があります。これまで私はここまで到達しました-
setTimeout(function(){
    window.location.href = "myPage.html";
},1000);
正常に動作していますが、jQuerymobileのスライド効果でページをリダイレクトする必要があります。誰かが何か考えを持っていますか?
jquery-mobileには、遅延後に画像をクリックすると別のページにリダイレクトしたい機能があります。これまで私はここまで到達しました-
setTimeout(function(){
    window.location.href = "myPage.html";
},1000);
正常に動作していますが、jQuerymobileのスライド効果でページをリダイレクトする必要があります。誰かが何か考えを持っていますか?
私は答えを手に入れました..!!
window.location.href="myPage.html"をに置き換えました
$.mobile.changePage("myPage.html",{transition:"slide"});
これは、スライド効果でページをターゲットページにリダイレクトしています!こちらをチェックしてください
ウィンドウの場所をリロードしてページをリダイレクトすることはできません。ウィンドウの場所を変更しようとすると、リロードしてページが更新されます。
だからあなたは次のようなことを試すことができます
内にターゲットコンテンツをロードするiframe
または、ajaxメソッドを使用してコンテンツをロードします
または、以前に読み込んだコンテンツでスライド効果を作成します
.load()ajaxを介してロードするには、次のような任意の1つの方法を使用できます。.ajax()
例えば:
.load()次のように使用できます。
$('#target_container').load('YOUR_URL', function() {
   // do something
});
または.ajax()、次のように使用できます。
$.ajax({
  url: 'YOUR_URL'.
  dataType: 'html',
  success: function(response) {
    $('#target_container').html(response);
  }
});
上記の方法の詳細を読み、好きなものを使用してください。
window.location.hrefを設定する代わりに、これを試してみませんか、
    $('#maindiv').load('mypage.html', function() {
       alert('Load was performed.');
      //  here slide the content and render the maindiv
    });
    サンプルコードで行ったようにページをリダイレクトすると、ページが更新されるため、効果が不可能になります。スライドインページのようなものを実現したい場合は、リダイレクト先のページを保持するiframeでのスライドを確認することをお勧めします(エフェクトの終了後に完全な場所の更新を行うこともできます)。