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, utilizaremos la opción domCache de jQuery Mobile Page para establecer si se mantiene la página en el DOM después de que el usuario haya navegado fuera de ella.
Sintaxis: inicialización de la página con la opción domCache especificada .
$( "Selector" ).page({ domCache: true});
-
Configuración de la opción domCache :
$( "Selector" ).page( "option", "domCache", true);
-
Obtener la opción domCache :
var disabled = $( "Selector" ).page( "option", "domCache" );
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 la opción domCache de jQuery Mobile Page .
HTML
<!doctype html>
<html lang="en">
<head>
<link rel="stylesheet" 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">
</script>
</head>
<body>
<center>
<div data-role="page" id="GFG">
<h1 style="color:green;">
GeeksforGeeks
</h1>
<h3>jQuery Mobile Page domCache Option</h3>
<div role="main" class="ui-content">
<h2>Page content</h2>
<p>GFG is a CS Portal.</p>
</div>
<div data-role="footer">
<h3>www.geeksforgeeks.org</h3>
</div>
<input type="button" id="Button"
value="Value of the domCache option">
<div id="log"></div>
</div>
</center>
<script>
$(document).ready(function () {
$("#GFG").page({
domCache: true
});
$("#GFG").page("option", "domCache", true);
$("#Button").on('click', function () {
var a = $("#GFG").page(
"option", "domCache"
);
$("#log").html(a);
});
});
</script>
</body>
</html>
Producción:
Opción domCache de la página móvil de jQuery
Referencia: https://api.jquerymobile.com/page/#option-domCache
Publicación traducida automáticamente
Artículo escrito por Kanchan_Ray y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA