「jQuery Mobile」data-rel=”back”で戻る機能を実装する
構文
<a href="xxxx" data-rel="back"">戻る</a>
サンプルコード
<div data-role="main" class="ui-content">
<a href="#myPopup" data-rel="popup" class="ui-btn ui-btn-inline ui-corner-all">show popup</a>
<div data-role="popup" id="myPopup" class="ui-content">
<a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn ui-icon-delete ui-btn-icon-notext ui-btn-right">cloase</a>
<p>close button</p>
<p>1111</p>
</div>
</div>
<div data-role="main" class="ui-content">
<a href="#myPopup" data-rel="popup" class="ui-btn ui-btn-inline ui-corner-all">show popup</a>
<div data-role="popup" id="myPopup" class="ui-content">
<a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn ui-icon-delete ui-btn-icon-notext ui-btn-right">cloase</a>
<p>close button</p>
<p>1111</p>
</div>
</div>
<div data-role="main" class="ui-content"> <a href="#myPopup" data-rel="popup" class="ui-btn ui-btn-inline ui-corner-all">show popup</a> <div data-role="popup" id="myPopup" class="ui-content"> <a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn ui-icon-delete ui-btn-icon-notext ui-btn-right">cloase</a> <p>close button</p> <p>1111</p> </div> </div>