-1

ロケーションバーのURLを変更し、jQueryモバイルフレームワークのようにアニメーションを使用して新しいページを読み込むことができます。

どのように？

4

1 に答える 1

1

はい、可能です。jQuerymobile（またはその他のjavascriptライブラリ/フレームワーク）で実行できることはすべて、バニラJavascriptを使用して実行することもできます。ソースコードを提供していないので、その方法のヒントを期待していると思います（スタックオーバーフローのユーザーは、すでに試したコードを提供すると、通常、支援する意欲が高まります）。

少なくともjQuery（または他のjsフレームワーク）を使用すると仮定します。

  • を使用して新しいページをロードしますjQuery.get()（「html」として取得する必要があります）。
  • 応答テキストをjQueryオブジェクト内に保存しますvar myPage = jQuery(MyCallResponseText)。
  • find表示するコンテンツのラッパーである特定のdivを取得するには、jQueryの関数を使用myPageします（ヘッダーもbodyタグも内部にないことに注意してくださいmyPage）。
  • myContainer幅と高さが100％、位置が固定、z-index 10の新しいdivを作成し、何も表示しません。
  • myContainerオブジェクト全体myPage（またはそのコンテンツ）を追加し、現在のページの本文にdivを追加して、最後にアニメーション化します。

スクリプトに関する注意：に含まれるすべてのスクリプトはmyPage、DOMに追加するときに評価されますが、ヘッド内のスクリプトは評価されません。

Animateアニメーションには、jQueryの関数を使用できます。例：不透明度myContainerを0に設定し、表示をブロックしてから、不透明度を0から1にアニメートします。これにより、フェードインアニメーションが得られます。もちろん、myContainer.fadeIn()代わりに同じアニメーションを呼び出して実行することもできます。

于 2012-12-09T17:14:19.393 に答える