Adición de jQuery Mobile para sus páginas web
Hay dos formas de añadir jQuery Mobile para su sitio web. Usted puede:
- Enlace a una biblioteca jQuery Mobile almacenado en un CDN (recomendado)
- Enlace a una biblioteca jQuery Mobile almacenada en su ordenador
Enlace a jQuery Mobile Desde un CDN
Un CDN (Content Delivery Network) se utiliza para distribuir archivos de uso frecuente en la web.
Esto hace que la velocidad de descarga mucho más rápido para el usuario.
Al igual que con jQuery núcleo, no hay nada que instalar en su ordenador; que acaba de incluir la siguiente hoja de estilo (.css) y bibliotecas de JavaScript (.js) directamente en su página HTML, para conseguir jQuery Mobile para trabajar:
jQuery Mobile CDN:
<head>
<!-- Include meta tag to ensure proper rendering and touch
zooming -->
<meta name="viewport" content="width=device-width,
initial-scale=1">
<!-- Include jQuery Mobile stylesheets -->
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<!-- Include the jQuery library -->
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<!-- Include the jQuery Mobile library -->
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
Inténtalo tú mismo " La ventana <meta> etiqueta dentro de la <head> elemento especifica la forma en que el explorador debe controlar el nivel de zoom de página y dimensiones.
El width=device-width establece el ancho de la página para seguir a la pantalla de una anchura del dispositivo (que variará dependiendo del dispositivo).
La initial-scale=1 establece el nivel de zoom inicial cuando la página se carga por primera vez por el navegador.
Enlace a jQuery Mobile Almacenado a la computadora
Si desea alojar la biblioteca jQuery Mobile ti mismo, primero debe descargar desde jQuerymobile.com .
A continuación, añadir el siguiente código a su página:
<head>
<meta name="viewport" content="width=device-width,
initial-scale=1">
<link rel="stylesheet" href="jquery.mobile-1.4.5.css">
<script src="jquery.js"></script>
<script src="jquery.mobile-1.4.5.js"></script>
</head>
Consejo: Coloque los archivos descargados en el mismo directorio que las páginas en las que desea utilizarlo.
¿Se pregunta por qué no tenemos type="text/javascript" dentro de la <script> etiqueta?
Esto no es necesario en HTML5. JavaScript es el lenguaje de scripts por defecto en HTML5 y en todos los navegadores modernos!