複数ページ #1

最初のページ

このページは、IDに "one" が指定されています。コード上で最初にあるため、ロード直後に表示されるページになります。

>このテンプレートは、ページコンテナを複数持ったものです。標準的な単一ページのテンプレートはこちらを参照してください。

ソースを見てコードをコピーして、ページ作成を開始してください。全てのCSSやJSへのリンクはjQuery CDNを用いていますので、セットアップも非常に容易です。ヘッド要素に viewport を設定することを忘れないようにしてください。

同一ファイル内の他のページへのリンクには、ページコンテナに指定したIDを用います。たとえばこのリンクは、IDが"two"のページへのリンクです。属性指定は href="#two" のようになります。

内部ページの表示:

2ページ目

ダイアログボックス

フッタ

複数ページ #2

2番目のページ

ページコンテナにIDとして "two" が指定されたページです。複数ページテンプレートの2番目に書かれています。

同じファイルにあっても、最初のページとはスオッチを変えています。ページコンテナに data-theme を指定することで実現しています。

フッタ