JQuery Mobile 뒤로가기 버튼

1 개요[ | ]

jQuery Mobile Back Buttons
jQuery 모바일 뒤로가기 버튼

html

Copy

<a href="#" class="ui-btn" data-rel="back">뒤로 가기</a>

2 예시[ | ]

html

Copy

<link rel="stylesheet" href="//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

<section id='page1' data-role='page'>
  <header data-role='header'><h1>1페이지</h1></header>
  <div class='content'>
    <p>안녕</p>
    <p><a href='#page2'>2쪽으로 이동</a></p>
  </div>
</section>

<section id='page2' data-role='page'>
  <header data-role='header'><h1>2페이지</h1></header>
  <div class='content'>
    <p>친구들</p>
    <a href="#" class="ui-btn" data-rel="back">뒤로 가기</a>
  </div>
</section>

3 같이 보기[ | ]

4 참고[ | ]

http://www.w3schools.com/jquerymobile/jquerymobile_buttons.asp