9

jQuery Mobile swiperight Event

 3 years ago
source link: https://www.geeksforgeeks.org/jquery-mobile-swiperight-event/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client
Improve Article

jQuery Mobile swiperight Event

  • Last Updated : 25 Dec, 2020

jQuery Mobile swipe event is fired when we swipe right in the element area. We can use this event for different purposes.

Syntax:

jQuery( ".selector" ).on( "swiperight", function( event ) {  } )

Approach: First, add jQuery Mobile scripts needed for your project.

<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.1.min.js”></script>
<script src=”http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js”></script>

Example 1:

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href=
<script src=
</script>
<script src=
</script>
<script type="text/javascript">
$(document).on('swiperight', 'a', function() {
console.log('swiperight event fired');
})
</script>
</head>
<body>
<center>
<h1>GeeksforGeeks</h1>
<h4>swiperight Event using jQuery Mobile</h4>
</center>
<a data-role="button" id="gfg">click</a>
</body>
</html>

Output:

gfgjqright.gifswiperighteventfired1.png

Example 2:

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href=
<script src=
</script>
<script src=
</script>
<script type="text/javascript">
$(document).on('swiperight', 'a', 
function(event) {
console.log(event)
})
</script>
</head>
<body>
<center>
<h1>GeeksforGeeks</h1>
<h4>swiperight Event using jQuery Mobile</h4>
</center>
<a data-role="button" id="gfg">click</a>
</body>
</html>

Output:

swiperight2.pnggfgjqright2.gif

Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML course.


report

Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK