jQuery Mobile Slider Widget par défaut 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 jQuery Mobile Slider Widget valeurs par défaut possibilité de vrai qui indique les autres options de widgets qui ont les valeurs par défaut, et cela fait que le code d’amélioration automatique omet l’étape où il récupère les valeurs d’option à partir des attributs de données. Il accepte une valeur booléenne et sa valeur par défaut est faux.

Syntaxe:

$( ".selector" ).slider({
    defaults: 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({

                defaults: true

            });

        });

    </script>

</head>

 

<body>

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

        <div data-role="header">

            <h1>GeeksforGeeks</h1>

            <h3>jQuery Mobile Slider Widget defaults 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:

defaults

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

Laisser un commentaire

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