jQuery MobileとPhoneGapのハイブリッド開発
903 ワード
実は両者は影響しないで、PhoneGapはシステムのインタフェースを呼び出して、jQuery Mobileはいくつかのホームページの効果を実現します.PhoneGap開発は前の記事をご覧ください.jQuery Mobile開発環境は以下のように構築されています.
一、jquerymobile.comは最新のZIP Fileをダウンロードし、そのJavaScript、CSS、imagesを解凍します./assets/www/jsディレクトリの下に置きます.図:【jquery.jsはdemosのjsディレクトリからコピーされ、前の記事のcordova.jsもjsディレクトリの下に移動しました】
二、index.htmlには、次のコードが追加されます.
順序に注意する.
三、の前にを加えて中国語をサポートする.
四、到http://view.jquerymobile.com/1.3.1/dist/demos/いくつかのdemoをコピーして実行して効果を見てみましょう~
一、jquerymobile.comは最新のZIP Fileをダウンロードし、そのJavaScript、CSS、imagesを解凍します./assets/www/jsディレクトリの下に置きます.図:【jquery.jsはdemosのjsディレクトリからコピーされ、前の記事のcordova.jsもjsディレクトリの下に移動しました】
二、index.htmlには、次のコードが追加されます.
<link rel="stylesheet" type="text/css" href="js/jquery.mobile-1.3.1.css">
<script src="js/jquery.js"></script>
<!-- -->
<script type="text/javascript" charset="utf-8" src="js/cordova.js"></script>
<script src="js/jquery.mobile-1.3.1.js"></script>順序に注意する.
三、の前にを加えて中国語をサポートする.
四、到http://view.jquerymobile.com/1.3.1/dist/demos/いくつかのdemoをコピーして実行して効果を見てみましょう~