「jQuery　Mobile」swipeイベントを使用するサンプル

2014年1月9日2020年12月4日

構文
$(selector要素).on(“swipe",function(){
some code
})
水平方向にドラックしたときに発生します。
JSコード

<script>
$(document).on("pagecreate","#pageone",function(){
  $("p").on("swipe",function(){
    $("span").text("swipeイベントをバインドする");
  });                       
});
</script>

htmlコード

<div data-role="page" id="pageone">
  <div data-role="header">
    <h1>swipe イベント</h1>
  </div>

  <div data-role="main" class="ui-content">
    <p>下記テキスト画面をスワイプします。</p>
    <p style="border:1px solid black;height:220px;width:180px;"></p>
    <p><span style="color:yellow"></span></p>
  </div>

</div>