Jquery Touch Swipe Example - Jquery

How to use swipe method in jquery?

Snippet Code

Rate this page :
  [ 0 votes]

Touch swipe code is written mainly for ipad. Here, the touch swipe code using jquery allows you to trigger an touch event when user swipes the mouse over p tag content. The simple code for touch swipe using jquery is given below.

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> <script> $(document).on("pagecreate","#currentpage",function(){ $("p").on("swipeleft",function(){ $(this).hide(); }); }); </script> <div data-role="page" id="currentpage"> <div data-role="main" class="ui-content"> <p>Swipe here in the left direction.</p> <p>Swipe me in the left direction!</p> <p>Swipe me in the left direction, too!</p> </div> </div>


Ask Questions

Ask Question