スマートフォンサイトサンプル - jQueryMobile1.1.0でのBackボタン

PCサイト
及川WEB室
下の[Backボタンについて]ボタンをクリックしてください。
リンク先のページの左上に、Backボタンが自動で表示されます。 Backボタンについて jQuery Mobile 1.1.0 に関するメモ(PCサイト)

Backボタンについて

home

Backボタンについて

このページの左上にBackボタンが表示されたと思います。
jQueryMobile1.1.0で Backボタンを自動で表示させるには、data-role="page" のコンテナタグに「data-add-back-btn="tr​ue"」属性を追加する。

このページのソース
<div id="sub" data-role="page" data-add-back-btn="true" data-ajax="false" data-title="Backボタンについて">
<header data-role="header" data-position="fixed">
<h1>Backボタンについて</h1>
<a href="#index" data-role="button" data-icon="home" data-iconpos="notext" class="ui-btn-right">home</a>
</header>
<div data-role="content">Backボタンについて</div>
<footer data-role="footer" data-position="fixed">Copyright © 2012 及川WEB室 All Rights Reserved.</footer>
</div>
jQuery Mobile 1.1.0 に関するメモ(PCサイト)

ナビゲーションバーの余白について

home

ナビゲーションバーの余白について