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, aprenderemos a usar el método fakeFixLoader() de jQuery Mobile Loader. Con este método, podemos fijar la posición del cargador en el navegador (el navegador que no tiene una función de cargador fija predeterminada). Podemos establecer la posición del cargador en el eje y. Su valor predeterminado es 100 px desde la parte superior.
Sintaxis:
$( ".selector" ).loader( "fakeFixLoader" ); or $.mobile.loading( 'fakeFixLoader' );
Parámetros: este método no acepta ningún argumento.
Tipo de devolución: este método devuelve un objeto.
Vínculos de CDN: agregue los siguientes scripts de jQuery Mobile que necesitará 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.11.1.min.js”></script>
<script src=”https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min .js”></secuencia de comandos>
Ejemplo: Este ejemplo demuestra el método fakeFixLoader() de jQuery Mobile Loader.
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.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>
</head>
<body>
<center>
<div data-role="page" id="page1">
<div>
<h1 style="color:green;">
GeeksforGeeks
</h1>
<h3>
jQuery Mobile Loader fakeFixLoader() 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() {
$.mobile.loading( 'fakeFixLoader' );
$.mobile.loading( 'show');
})
.on( "click", ".hide", function() {
$.mobile.loading( "hide" );
});
</script>
</body>
</html>
Producción:
Método jQuery Mobile Loader fakeFixLoader()
Referencia: https://api.jquerymobile.com/loader/#method-fakeFixLoader
Publicación traducida automáticamente
Artículo escrito por SHUBHAMSINGH10 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA