jQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops.
In this article, we will learn to use the jQuery Mobile Loader fakeFixLoader() Method. Using this method, we can fix the position of the loader in the browser (the browser which does not have a default fixed loader feature). We can set the position of the loader on the y-axis. Its default value is 100px from the top.
Syntax:
$( ".selector" ).loader( "fakeFixLoader" );
or
$.mobile.loading( 'fakeFixLoader' );
Parameters: This method does not accept any arguments.
Return type: This method returns an object.
CDN Links: Add the below jQuery Mobile scripts that you will be needed for your project.
<link rel=”stylesheet” href=”https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css” />
<script src=”https://code.jquery.com/jquery-1.11.1.min.js”></script>
<script src=”https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js”></script>
Example: This example demonstrates the jQuery Mobile Loader fakeFixLoader() Method.
HTML
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport"
content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href=
<script src=
</script>
<script src=
</script>
</head>
<body>
<center>
<div data-role="page" id="page1">
<div>
<h1 style="color:green;">
GeeksforGeeks
</h1>
<h3>
jQuery Mobile Loader fakeFixLoader() Method
</h3>
</div>
<div role="main" class="ui-content">
<div data-role="controlgroup">
<button class="show" data-theme="b">
Default loader
</button>
<button class="hide" >
Hide
</button>
</div>
</div>
<b><span id="gfg"></span></b>
</div>
</center>
<script>
$(document).on( "click", ".show", function() {
$.mobile.loading( 'fakeFixLoader' );
$.mobile.loading( 'show');
})
.on( "click", ".hide", function() {
$.mobile.loading( "hide" );
});
</script>
</body>
</html>
|
Output:
jQuery Mobile Loader fakeFixLoader() Method
Reference: https://api.jquerymobile.com/loader/#method-fakeFixLoader
Whether you're preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape,
GeeksforGeeks Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we've already empowered, and we're here to do the same for you. Don't miss out -
check it out now!
Last Updated :
10 Feb, 2022
Like Article
Save Article