jQuery Mobile Slider Widget désactivé Option

Afficher la discussion

Améliorer l’article

Enregistrer l’article

J’aime l’article

Afficher la discussion

Améliorer l’article

Enregistrer l’article

J’aime l’article

jQuery Mobile est une technologie Web utilisée pour créer du contenu réactif accessible sur tous les smartphones, tablettes et ordinateurs de bureau.
Dans cet article, nous utiliserons le widget jQuery Mobile Slider désactivé option pour désactiver le curseur si sa valeur est définie sur vrai. Il accepte la valeur de type booléen et sa valeur par défaut est faux.

Syntaxe:

$( ".selector" ).slider({
    disabled: boolean
});

Lien CDN : Tout d’abord, ajoutez les scripts jQuery Mobile nécessaires à votre projet.


Exemple:

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=

"//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">

 

    <script src="//code.jquery.com/jquery-1.10.2.min.js">

    </script>

 

    <script src=

"//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js">

    </script>

 

    <script>

        $(document).ready(function () {

            $("#GFG").slider({

                disabled: true

            });

        });

    </script>

</head>

 

<body>

    <div data-role="page" id="page1">

        <div data-role="header">

            <h1>GeeksforGeeks</h1>

            <h3>jQuery Mobile Slider Widget disabled Option</h3>

        </div>

 

        <center>

            <div role="main" class="ui-content" style="width: 50%;">

                <label for="slider">Input slider:</label>

                <input type="range" name="slider"

                    id="GFG" min="0" max="100" value="30">

            </div>

        </center>

    </div>

</body>

 

</html>

Production:

sliderdisabled

Référence: https://api.jquerymobile.com/slider/#option-disabled

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *