7モバイルWebページをさらに良くするための素晴らしいjqueryモバイルプラグイン！

現(xiàn)在、スマートフォンには効率的なWebブラウザーが裝備されています。次のプラグインは、モバイルデバイスをより便利にします！関連記事：

• 4 jQueryモバイル価格スライダー（範(fàn)囲選択）
• 50 jQueryモバイル開発のヒント

1. jQuery wiggleプラグイン：モバイルデバイスに揺れる効果をもたらします

jQuery wiggleは、アイコンを保持するときにiPhoneの揺れる効果をシミュレートするjQueryプラグインです。デモの畫像をクリックして、効果を表示します。

ソースコードデモ2。モバイルアプリケーションの設(shè)計(jì)/開発：jQueryを使用してナビゲーションをビルド

このチュートリアルでは、モバイルベースのWebサイト/WebAppの構(gòu)築方法を示します。 CSS3メディアクエリを使用して、特定のデバイスと畫面解像度を見つけます。さらに、一部のjQueryコードは、AJAXコールを使用してメニューをアニメーション化し、外部ページコンテンツをロードするのに役立ちます。

ソースコードデモ3。JQTouch：モバイルWeb開発用Zepto/jQueryプラグイン

これは、Zepto.JSまたはjQueryで動(dòng)作するJavaScriptプラグインで、モバイルWebKitブラウザ（iOS、Android、BlackBerry、WebOのブラウザなど）のスムーズなアニメーション、ナビゲーション、テーマを提供します。

ソースコードデモ4。すばらしいjQueryモバイル畫像ライブラリWebアプリケーション

アプリはリストビューにいくつかのアルバムを表示し、クリック後にサムネイルの壁が表示されます。

ソースコードデモ5。JQUERYモバイルチャート

これは、數(shù)値データをグラフィカルな形式で表示する最も直感的な方法です。殘念ながら、JQuery Mobile自體にはチャート機(jī)能が組み込まれていません。私の知る限り、JQUERYモバイルチャートプラグインはありません。しかし、幸いなことに、jQueryモバイルはjquery上に構(gòu)築されており、いくつかのチャートプラグインを利用できます。

ソースコードデモ6。JQMPHP：jQueryモバイルフレームワーク用のHTMLコードジェネレーター

JQMPHPは、jQueryモバイルフレームワークのHTMLファイルの作成を簡(jiǎn)素化するPHPクラスのセットです。 JQMPHPパッケージのすべてのクラスは、文字列に変換し、Echo関數(shù)を使用して印刷できます。

ソースコードデモ7。モバイルナビゲーションjQueryプラグイン

非常にシンプルです。モバイルデバイスのある種のナビゲーション（畫面幅は480ピクセル未満）をドロップダウンメニューに置き換える場(chǎng)合、探しているものが見つかりました。

ソースコードjqueryモバイルプラグインに関するデモFAQ

推奨されるjQueryモバイルプラグインは何ですか？

Photoswipe（Touch Photo Gallery）、TouchSwipe（スライドイベント検出プラグイン）、Mobiscroll（高度にカスタマイズ可能な日付および時(shí)刻セレクター）、などの機(jī)能性と使いやすさには、一部のJQUERYモバイルプラグインを強(qiáng)くお?jiǎng)幛幛筏蓼埂?jQueryモバイルデートボックス（日付と時(shí)刻セレクター）、isCroll（モバイルWebアプリケーション用のスムーズなスクロール）、jQueryモバイルページネーション（モバイルフレンドリーページングシステム）。

jQueryモバイルプラグインを始める方法は？

最初に、プロジェクトにjqueryライブラリを含めます。次に、使用するプラグインをダウンロードして含めます。ほとんどのプラグインには、使用する手順が付いています。

jQueryモバイルプラグインはJQTouchで使用できますか？

はい。 JQTouchは、ネイティブアプリケーションと同様のアニメーションと自動(dòng)ナビゲーションを提供するjQueryモバイルWeb開発プラグインであり、ほとんどのjQueryモバイルプラグインと互換性があります。

JQTouchを使用してシンプルなTwitterクライアントを作成する方法は？

これには、プロジェクトを設(shè)定し、Twitterクライアントのユーザーインターフェイスを使用して、アプリケーションで表示します詳細(xì)情報(bào)を參照してください）。

jQueryモバイルプラグインを?qū)W習(xí)するためのリソースは何ですか？

公式のWebサイトは、包括的なドキュメント、チュートリアル、および例を提供します。

jQueryモバイルプラグインの問題をトラブルシューティングする方法は？

プラグインがjqueryのドキュメントを參照するか、プラグインが正しく含まれていることを確認(rèn)してください。

jQueryモバイルプラグインをカスタマイズできますか？

はい。ほとんどのプラグインは、プラグインオプションを変更するか、獨(dú)自のCSSでデフォルトスタイルをオーバーライドすることでカスタマイズできます。

jQueryモバイルプラグインはすべてのモバイルデバイスと互換性がありますか？

ほとんどのプラグインは、さまざまなモバイルデバイスと互換性があるように設(shè)計(jì)されていますが、互換性はプラグインとそれらが提供する特定の機(jī)能によって異なります。さまざまなデバイスでプラグインをテストすることをお?jiǎng)幛幛筏蓼埂?

jQueryモバイルプラグインを更新する方法は？

通常、最新バージョンをダウンロードして古いファイルを置き換えることが含まれます。特定の手順については、プラグインドキュメントを參照してください。

jQueryモバイルプラグインは、非モバイルWebアプリケーションで使用できますか？

はい、モバイルWebアプリケーション向けに設(shè)計(jì)されていますが、多くのプラグインも非モバイルWebアプリケーションで使用できます。ただし、一部の機(jī)能は、予想どおりに機(jī)能しない場(chǎng)合や、非モバイル環(huán)境では必要ありません。

以上が7かなりクールなJQueryモバイルプラグインの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。