Hello World!
ホームページ >ウェブフロントエンド >jsチュートリアル >jquery Moblie の入門 - hello world サンプル コード learning_jquery
jquery Moblie の入門 - hello world サンプル コード learning_jquery
- WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBオリジナル
- 2016-05-16 17:44:031416ブラウズ
1. JQuery Mobile を実行する必要があります モバイル アプリケーション ページでは、3 つの JQuery Mobile 関連プラグイン ファイル (複数のバージョン)、jquery.mobile-1.2.0.min.css、jquery をダウンロードする必要があります。 -1.8.3.min .js、jquery.mobile-1.2.0.min.js、JQuery Mobile 公式 Web サイトのアドレス: http://jquerymobile.com
2. プラグイン ファイルをページでは、読み込み順序とステートメントに注意してください。 のような場合:
"Js/jquery-1.8.3.min.js" タイプ "text/javascript">
3. Hello World のサンプルコードは次のとおりです:
<br><meta name="viewport" content="width=device-width, Initial-scale=1"> //ページ幅とモバイルデバイスを設定します <br><link href="Css/jquery.mobile-1.2.0.min.css" rel="Stylesheet" type="text /css"> <br><script src="Js/jquery-1.8.3.min.js" type></script> <br><script src="Js%20/jquery.mobile-1.2.0.min.js" type="text/javascript"></script> <br> <br>
Studio
コードをコピー
/section>
5. PC 側の JQuery Mobile
ページの実行効果をモバイル端末でより良く閲覧するには、 Opera モバイル シミュレーターをダウンロードできます。ダウンロード アドレスは http://cn.opera.com/ で、プレビュー効果は
です。
2. プラグイン ファイルをページでは、読み込み順序とステートメントに注意してください。 のような場合:
コードをコピー コードは次のとおりです:
"Js/jquery-1.8.3.min.js" タイプ "text/javascript">
3. Hello World のサンプルコードは次のとおりです:
コードをコピー コードは次のとおりです:
JQuery Moblie
Studio
によって予約されています。 JQuery Mobile は HTML5 構造
を完全にサポートしているため、body 要素のコードは次のように変更することもできます。
コードをコピー
/section>
5. PC 側の JQuery Mobile
ページの実行効果をモバイル端末でより良く閲覧するには、 Opera モバイル シミュレーターをダウンロードできます。ダウンロード アドレスは http://cn.opera.com/ で、プレビュー効果は
です。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。