【JQueryMobileとPhoneGap】 画面遷移編

前回の続き

画面遷移を行う方法のメモ。

【JQueryMobileとPhoneGapで開発する目的】

 JQueryMobileとPhoneGapを採用することで、マルチプラットフォーム開発を目指す。
異なる、ディスプレイの大きさに対応したアプリ開発を目指す。

【環境】
Eclipse　3.7　（基本的な設定済みとする。）
Jquery mobile  1.0.1
Phone Gap 1.5
Android1.6 is01
Android2.3 003sh端末
Android4.0 Galaxy Nexus
JQueryMobileとPhoneGapの環境構築済みとする。
【手順】
１．index.htmlにpageを追加する。 

2．端末へインストールする。

遷移前の初期画面、リストをタップする。

遷移後の画面

 以上で、画面遷移の設定が完了した。