jQueryMobile の Helloworld とページ切り替えメソッド_jquery

この記事の例では、jQueryMobile を使用してスライドによるページめくり効果を実現する方法を説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

jQuery Mobile は、携帯電話およびタブレット デバイス用の jQuery のバージョンです。 jQuery Mobile は、jQuery コア ライブラリを主流のモバイル プラットフォームに導入するだけでなく、完全で統合された jQuery モバイル UI フレームワークもリリースします。世界の主流のモバイル プラットフォームをサポートします。これは、ページを APP インターフェイスにすばやく書き込むことができ、ユーザーが Web ページを閲覧できることを意味します。これは、適切にレイアウトされたアプリを使用するのと同じです。

まず、jQueryMobile から圧縮パッケージをダウンロードし (このサイトからダウンロードするにはここをクリック)、圧縮パッケージのすべてのコンテンツをサイト フォルダーにプルします。ただし、Web ページでは jquery のみが参照されています。 mobile-1.4.5.js と jquery.mobile-1.4.5.css が含まれますが、ドキュメント デモ フォルダーを除く他の補助ファイルも不可欠です。 js ファイルは css ファイルと同じですが、Bootstrap のようにすべての機能が 1 つの js に統合されているわけではありません。特定のフォルダーが欠落している場合、一部のアイコンが表示されない場合があります。また、元のルート フォルダー jquery.mobile-1.4.5 の名前を jqmobile などに変更してください。それ以外の場合は、jquery.mobile-1.4.5.js を参照してください。 Web ページは jquery.mobile-1.4.5.css では無効である可能性があります。

同時に、jquery.mobile はプラグインとして jQuery1.11 のサポートを必要とします。jQuery 公式 Web サイトにアクセスして、古いブラウザー IE6 と互換性のある jQuery2 の代わりに jQuery1.11 をダウンロードできます。古いブラウザIE6には対応していません。ダウンロードしたjQuery1.11.jsをjQueryMobileファイルと一緒に置きます。以下に示すように:

その後、Web ページにページを記述できます。詳細はコメントを参照してください。

コードをコピー コードは次のとおりです:

<リンク rel="スタイルシート" href="jqmobile/jquery.mobile-1.4.5.css"> <スクリプト src="jqmobile/jquery-1.11.1.js"> <スクリプト src="jqmobile/jquery.mobile-1.4.5.js">

タイトル

中国語は問題ありません aaa