Skip to content
Related Articles

Related Articles

jQuery Mobile Loader checkLoaderPosition() Method

View Discussion
Improve Article
Save Article
  • Last Updated : 07 Feb, 2022
View Discussion
Improve Article
Save Article

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 checkLoaderPosition() Method. Using this method, we can check the position of the loader to see if it appears to be “fixed” to the center.

Syntax:

$( ".selector" ).loader( "checkLoaderPosition" );
or
$.mobile.loading( 'checkLoaderPosition' );

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 checkLoaderPosition() 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 checkLoaderPosition() 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() {
            var $this = $( this );
            $.mobile.loading( 'show');
            $.mobile.loading( 'checkLoaderPosition' );
        })
        .on( "click", ".hide", function() {
          $.mobile.loading( "hide" );
        });
    </script>
</body>
</html>


Output:

jQuery Mobile Loader checkLoaderPosition() Method

jQuery Mobile Loader checkLoaderPosition() Method

Reference: https://api.jquerymobile.com/loader/#method-checkLoaderPosition


My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!