ページの先頭行へ戻る
Interstage Mobile Application Server V1.2.0 アプリケーション開発ガイド
FUJITSU Software

13.1.2 アプリケーションの組み込み方法

jQuery Mobileは、アプリケーションに組み込んで使用します。


  1. インストール先の、jQuery Mobileが格納されたディレクトリをアプリケーションの直下にコピーします。
    Windows
    <製品インストールフォルダー>\development\jquerymobile\runtime
    Linux
    /opt/FJSVimaps/development/jquerymobile/runtime
  2. 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>
  3. アプリケーションをパッケージ化します。
    以下は、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アプリケーションと同じ内容