今回は、data-role=data-role=”page” タグ内の内容を一つのページとして表現する 一つのhtmlで複数ページを表現できる「data-role=”page”」について 前回はjQueryMobileの概要部を基に、シングルページの基本的なコードの紹介をしました。 jQueryMobileのベースコードについてはこちらを参照 今回は、data-role=”page”を加えるだけで、一つのページを複数ページ化する方法を説明します。 方法は以下の通りです。 1)jQueryMobileのベースコードのbodyタグ内にdata-role=”page”を含むタグを用意する。 1 2 3 <div data-role="page" id="xxx"> <p>ページxxxの内容を記述</p> </div> 2)id=”xxx”の部分を各ページごとに変更して複製する。 1 2 3