jQuery Mobile Flipswitch método de actualización()

jQuery Mobile es una tecnología basada en la web que se utiliza para crear contenido receptivo al que se puede acceder en todos los teléfonos inteligentes, tabletas y computadoras de escritorio. 

En este artículo, usaremos el método jQuery Mobile Flipswitch refresh() para actualizar y actualizar el widget flipswitch. Este método no acepta ningún parámetro.

Sintaxis:

$( ".selector" ).flipswitch("refresh");

Parámetros: Este método no acepta ningún parámetro.

Enlace CDN: Primero, agregue los scripts de jQuery Mobile necesarios para su proyecto.

<enlace rel=”hoja de estilo” href=”//code.jquery.com/mobile/1.5.0-alpha.1/jquery.mobile-1.5.0-alpha.1.min.css”>
<script src=” //code.jquery.com/jquery-3.2.1.min.js”></script>
<script src=”//code.jquery.com/mobile/1.5.0-alpha.1/jquery.mobile- 1.5.0-alpha.1.min.js”></secuencia de comandos>

Ejemplo: Este ejemplo describe el método de actualización() de jQuery Mobile Flipswitch .

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=
"https://code.jquery.com/mobile/1.5.0-alpha.1/jquery.mobile-1.5.0-alpha.1.min.css">
    <script src=
"https://code.jquery.com/jquery-3.2.1.min.js">
    </script>
    <script src=
"https://code.jquery.com/mobile/1.5.0-alpha.1/jquery.mobile-1.5.0-alpha.1.min.js">
    </script>
  
    <script>
        $(document).ready(function () {
            $("#btn").on('click', function () {
                $("#GFG").flipswitch("refresh");
                alert("Refreshing the Widget");
            })
        });
    </script>
</head>
  
<body>
    <center>
        <div data-role="page">
            <div data-role="header">
                <h1>GeeksforGeeks</h1>
                <h3>jQuery Mobile Flipswitch refresh() Method</h3>
            </div>
  
            <div class="ui-field-contain">
                <form>
                    <div data-role="fieldcontain">
                        <label for="GFG">
                            Flipswitch Checkbox:
                        </label>
  
                        <input type="checkbox"
                               id="GFG" 
                               data-role="flipswitch">
                    </div>
                </form>
            </div>
  
            <input type="button" id="btn" 
                   style="width:250px;" 
                   value="Refresh the Widget">
        </div>
    </center>
</body>
</html>

Producción:

Flipswitch destory() Method

Referencia: https://api.jquerymobile.com/flipswitch/#method-refresh

Publicación traducida automáticamente

Artículo escrito por AshokJaiswal y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *