jQuery Mobileは、アプリケーション(war/ear)に組み込んで使用します。
本製品媒体の<ドライブ名>:\smartp\jquerymobile\runtimeディレクトリを、アプリケーションの直下(WEB-INFディレクトリと同じ並び)にコピーします。
HTMLの<head>~</head>に以下の記述を追加します。
<link rel="stylesheet" href="runtime/jquery.mobile-1.2.0.min.css"/> <script src="runtime/jquery-1.8.3.min.js"> </script> <script src="runtime/jquery.mobile-1.2.0.min.js"> </script> |
作成したHTML、JSP、クラスファイルなどをパッケージ化します。
アプリケーションのディレクトリ構成の例を以下に示します。
index.jsp /runtime/jquery.mobile-1.2.0.min.css /runtime/jquery-1.8.3.min.js /runtime/jquery.mobile-1.2.0.min.js /runtime/images/ajax-loader.gif /runtime/images/icons-18-black.png /runtime/images/icons-18-white.png /runtime/images/icons-36-black.png /runtime/images/icons-36-white.png /WEB-INF/web.xmlなど |