18

jQuery Mobile pageinit Event

 3 years ago
source link: https://www.geeksforgeeks.org/jquery-mobile-pageinit-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 pageinit Event

  • Last Updated : 25 Dec, 2020

jQuery Mobile pageinit event is triggered when the page is initialized. We can use this event for different purpose.

Syntax:

jQuery( ".selector" ).on( "pageinit", 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('pageinit', function() {
console.log('pageinit event fired');
})
</script>
</head>
<body>
<center>
<h1>GeeksforGeeks</h1>
<h4>pageinit Event using jQuery Mobile</h4>
</center>
</body>
</html>

Output:

pageinitEventfired1.png

Example 2:

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

Output:

pageinitEvent2.png

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