「jQuery Mobile」$(document).onでページイベントの処理を利用するサンプル

2020年4月21日

サンプルコード

<script>
$(document).on("pagecreate","#pageone",function(){
  $("p").on("click",function(){
    $(this).hide();
  });                       
});
</script>


<div data-role="page" id="pageone">
  <div data-role="header">
    <h1>header text</h1>
  </div>

  <div data-role="main" class="ui-content">
    <p>111</p>
    <p>222</p>
    <p>333</p>
  </div>

  <div data-role="footer">
    <h1>footer text</h1>
  </div>
</div>