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でのスライドを確認することをお勧めします(エフェクトの終了後に完全な場所の更新を行うこともできます)。