ページの先頭行へ戻る
Interstage Application Server/Interstage Web Server Express JavaScriptライブラリユーザーズガイド
FUJITSU Software

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

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

  1. 本製品媒体の<ドライブ名>:\smartp\jquerymobile\runtimeディレクトリを、アプリケーションの直下(WEB-INFディレクトリと同じ並び)にコピーします。

  2. 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>

  3. 作成した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など