このページは、IDに "one" が指定されています。コード上で最初にあるため、ロード直後に表示されるページになります。
>このテンプレートは、ページコンテナを複数持ったものです。標準的な単一ページのテンプレートはこちらを参照してください。
ソースを見てコードをコピーして、ページ作成を開始してください。全てのCSSやJSへのリンクはjQuery CDNを用いていますので、セットアップも非常に容易です。ヘッド要素に viewport を設定することを忘れないようにしてください。
同一ファイル内の他のページへのリンクには、ページコンテナに指定したIDを用います。たとえばこのリンクは、IDが"two"のページへのリンクです。属性指定は href="#two"
のようになります。
ページコンテナにIDとして "two" が指定されたページです。複数ページテンプレートの2番目に書かれています。
同じファイルにあっても、最初のページとはスオッチを変えています。ページコンテナに data-theme
を指定することで実現しています。
ページコンテナにIDとして "popup" が指定されたページです。見た目がダイアログになっているのは、このページへのリンクに data-rel="dialog"
が指定されているためです。さらに、ページ遷移時の表現も data-transition="pop"
の指定により変更されています。