jQuery Mobileは、アプリケーションに組み込んで使用します。
インストール先の、jQuery Mobileが格納されたディレクトリをアプリケーションの直下にコピーします。
Windows版サーバの場合:
<製品インストールフォルダー>\development\jquerymobile\runtime
Linux版サーバの場合:
/opt/FJSVimaps/development/jquerymobile/runtime
HTMLの<head>~</head>に以下の記述を追加します。
<link rel="stylesheet" href="runtime/jquery.mobile-1.4.2.min.css"/> <script src="runtime/jquery-2.1.0.min.js"> </script> <script src="runtime/jquery.mobile-1.4.2.min.js"> </script>
アプリケーションをパッケージ化します。
以下は、Webアプリケーションのディレクトリ構成例です。
index.jsp /runtime/jquery.mobile-1.4.2.min.css /runtime/jquery-2.1.0.min.js /runtime/jquery.mobile-1.4.2.min.js /runtime/images/ajax-loader.gif /runtime/images/icons-png /runtime/images/icons-svg /WEB-INF/web.xmlなど
以下は、IMAPSアプリケーションのディレクトリ構成例です。
index.html imapp-def.xml /runtime/~ Webアプリケーションと同じ内容
以下は、ハイブリッドアプリケーション(AndroidのCordovaアプリケーション)のディレクトリ構成例です。
/assets/www配下
index.html /runtime/~ Webアプリケーションと同じ内容