Query Mobile es un conjunto de herramientas de widgets de interacción con el sistema del usuario basado en HTML5 que se utiliza para diversos fines construidos sobre jQuery. Está diseñado para crear sitios rápidos y con capacidad de respuesta accesibles para dispositivos móviles, pestañas y computadoras de escritorio. En este artículo, aprenderemos sobre el método enable() de Mobile Rangeslider .
Se utiliza un control deslizante de rango para obtener o establecer datos con el rango dado. Tiene dos valores, el primer valor representa el rango inferior y el último valor representa el rango superior. El método enable() se usa para habilitar el control deslizante de rango creado en la página.
Sintaxis :
$('selector').rangeslider('enable');
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=”https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css”>
<script src=”https://code. jquery.com/jquery-1.10.2.min.js”></script>
<script src=”https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min. js”></script>
Ejemplo: Este ejemplo describe los usos del método enable() de jQuery Mobile Rangeslider.
HTML
<!doctype html>
<html lang="en">
<head>
<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.10.2.min.js">
</script>
<script src=
"https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js">
</script>
<script>
$(document).ready(function () {
$("#GFG").rangeslider("enable");
});
</script>
</head>
<body>
<div data-role="page" id="page1">
<div data-role="header">
<h1>GeeksforGeeks</h1>
<h3>
jQuery Mobile Rangeslider enable() method
</h3>
</div>
<div data-role="rangeslider" id="GFG">
<label for="range-slider-1">
Rangeslider:
</label>
<input name="range-slider-1"
min="0" max="100" value="30" type="range">
<label for="range-slider-2">
Rangeslider:
</label>
<input name="range-slider-2"
min="0" max="100" value="80" type="range">
</div>
</div>
</body>
</html>
Producción:
Referencia: https://api.jquerymobile.com/rangeslider/#method-enable
Publicación traducida automáticamente
Artículo escrito por bhanusivanagulug y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA