jQuery Mobileでサイトのブラウザの戻るボタンをクリックすると、直前のページにアニメーションが表示されます。これはどのように達成されますか?私は彼らがブラウザの戻るボタンを傍受する方法がないと思った(ブラウザメーカーがこれを許可したくない理由を知ることができる)。おかげ戻るときにjQuery Mobileはどのようにページをアニメーション表示しますか?
答えて
ハッシュURLスキーム(有効になっていないpushState
プラグイン)を使用して:[戻る]ボタンをクリックする ユーザーは、なhashchangeを介して処理されているときのように独立してクリックの発生
ハッシュ変化を、イベント、 は、Ben Almanのhashchange 特別イベントプラグイン(jQuery Mobileに含まれています)を使用してウィンドウオブジェクトにバインドされています。ハッシュ変更 が発生すると(最初のページが読み込まれたときも)、hashchangeイベント ハンドラはlocation.hashを$ .mobile.changePage() 関数に送信し、参照されたページをロードまたは公開します。
出典:http://jquerymobile.com/demos/1.1.0-rc.1/docs/pages/page-navmodel.html
pushState
プラグインが同じになります有効になっているが、hash
が読める/通常のURLに変換されます。変換オプション機能があり
前のセクションで説明した、より長い、ハッシュベースのURL をフルドキュメントパス クリーナーに変換し、URL構造内でAjaxトラッキングを透過的にします。 これは、Ajaxリンク用のハッシュベースのURLシステム の上に拡張として組み込まれています。名前にもかかわらず、 は現在のリリースでは が確実にターゲットプラットフォーム全体で動作するため、技術的には はhistory.replaceState( history.pushStateではない)を使用してハッシュベースのURLを変換します。 history.replaceStateをサポートしないブラウザの場合、またはこの機能が無効な場合は、ハッシュベースのURL が代わりに使用されます。
出典:https://developer.mozilla.org/en/DOM/window.onhashchange
:ここにもhttp://jquerymobile.com/demos/1.1.0-rc.1/docs/pages/page-navmodel.htmlはhashchange
イベントのMDNドキュメントです
- 1. このjQueryアニメーションをIE(7,8,9)でどのように表示できますか?
- 2. jquery-mobileの現在/ライブページはどのように表示されますか?
- 3. アニメーションをトリガせずにjquery mobileに戻すにはどうすればいいですか?
- 4. jQuery Mobile:ダイアログを閉じると間違ったページに戻る
- 5. jQuery Mobileはjsfiddle.netでどのように動作しますか?
- 6. jQuery Mobile NavBar前のページの戻るボタン
- 7. ナビゲーションバーのBarbuttonをどのようにアニメーション表示できますか
- 8. iOS - UIViewの一部にアニメーションをどのように表示しますか?
- 9. 戻るボタンが表示されているかどうかはどのように判断できますか?
- 10. ダイアログを表示するときにjQuery Mobileがハッシュを操作しないようにする方法
- 11. jQuery Mobileフォームのデバッグ中にPHPエラーをどのように表示しますか?
- 12. SpotlightはCSS/jQueryでページの中心からアニメーションを表示しますか?
- 13. Jquery Mobile pageLoading()メソッドどのように動作しますか?
- 14. トップに戻るJquery Mobile
- 15. どのようにMVCページにBLOBファイルを表示できますか?
- 16. Jquery mobile +ラジオボタンを修正する必要があります。私はどのように左にテキストを表示することができますか?
- 17. Jquery Mobile - ページの更新を検出 - ホームページに戻る
- 18. JQueryはどのようにアニメーションを行いますか?
- 19. jQuery Mobileでボタンのテキストを表示または非表示にする
- 20. 戻る/進むボタンを押すと制限付きページを表示しないようにする
- 21. Jqueryアニメーションの非表示と表示
- 22. jQuery MobileでフルスクリーンのGoogleマップを表示するにはどうすればよいですか?
- 23. ページをロードすると、前のページに戻るときにメッセージが表示されます
- 24. jQuery Mobile - ヘッダーが2番目のページに表示されない
- 25. ページが「好き」のときにタイムラインに表示するように写真を設定しますか?
- 26. jquery mobile dialog window close空白のページに戻る
- 27. Dojo/jQuery Mobile/etcはモバイルアプリケーションにどのように適合しますか
- 28. jquery mobileを使用して1つのページから別のページに移動するときに進捗ダイアログを表示する方法は?
- 29. jQuery Mobileは読み込んだ最初のページにハッシュを表示できますか?
- 30. jquery-mobileでは、どのようにCSSをすべて持つページ要素をプログラムで追加しますか?