JQuery Mobile 뒤로가기 버튼

by JM note

HTML

<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>