「jQuery Mobile」data-transition=”slide”でスライドアニメーション画面に遷移する
構文
<a href="#next" data-transition="slide">next</a>
サンプルコード
<div data-role="page" id="pageFirst">
<div data-role="header">
<h1>study in jquey mobile </h1>
</div>
<div data-role="main" class="ui-content">
<p>111</p>
<a href="#pageSecond" data-transition="slide">222</a>
</div>
<div data-role="footer">
<h1>333</h1>
</div>
</div>
<div data-role="page" id="pageSecond">
<div data-role="header">
<h1>weclome to 666</h1>
</div>
<div data-role="main" class="ui-content">
<p>444</p>
<a href="#pageFirst">555</a>
</div>
</div>
<div data-role="page" id="pageFirst">
<div data-role="header">
<h1>study in jquey mobile </h1>
</div>
<div data-role="main" class="ui-content">
<p>111</p>
<a href="#pageSecond" data-transition="slide">222</a>
</div>
<div data-role="footer">
<h1>333</h1>
</div>
</div>
<div data-role="page" id="pageSecond">
<div data-role="header">
<h1>weclome to 666</h1>
</div>
<div data-role="main" class="ui-content">
<p>444</p>
<a href="#pageFirst">555</a>
</div>
</div>
<div data-role="page" id="pageFirst"> <div data-role="header"> <h1>study in jquey mobile </h1> </div> <div data-role="main" class="ui-content"> <p>111</p> <a href="#pageSecond" data-transition="slide">222</a> </div> <div data-role="footer"> <h1>333</h1> </div> </div> <div data-role="page" id="pageSecond"> <div data-role="header"> <h1>weclome to 666</h1> </div> <div data-role="main" class="ui-content"> <p>444</p> <a href="#pageFirst">555</a> </div> </div>