Ajout de jQuery Mobile à vos pages Web
Il existe deux façons d'ajouter jQuery Mobile sur votre site web. Vous pouvez:
- Lien vers une bibliothèque jQuery Mobile stocké à un CDN (recommandé)
- Lien vers une bibliothèque jQuery Mobile stocké sur votre ordinateur
Lien vers jQuery Mobile D'un CDN
Un CDN (Content Delivery Network) est utilisé pour distribuer des fichiers fréquemment utilisés sur le Web.
Cela rend la vitesse beaucoup plus rapide pour l'utilisateur de téléchargement.
Comme avec le noyau jQuery, il n'y a rien à installer sur votre ordinateur; il suffit d' inclure la feuille suivante (.css) et les bibliothèques JavaScript (.js) directement dans votre page HTML, pour obtenir jQuery Mobile au travail:
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>
Essayez - le vous - même » La fenêtre <meta> tag dans le <head> élément spécifie comment le navigateur doit contrôler le niveau de la page et les dimensions zoom.
La width=device-width définit la largeur de la page pour suivre l'écran-largeur du dispositif (qui varie en fonction de l'appareil).
La initial-scale=1 définit le niveau de zoom initial lorsque la page est d' abord chargé par le navigateur.
Lien vers jQuery Mobile Stocké à votre ordinateur
Si vous souhaitez héberger la bibliothèque jQuery Mobile vous - même, vous devez d' abord télécharger depuis jQuerymobile.com .
Ensuite, ajoutez le code suivant à votre page:
<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>
Astuce: Placez les fichiers téléchargés dans le même répertoire que les pages où vous souhaitez l' utiliser.
Est- ce que vous vous demandez pourquoi nous ne disposons pasdetype="text/javascript" dans le <script> tag?
Ce n'est pas nécessaire en HTML5. JavaScript est le langage de script par défaut en HTML5 et dans tous les navigateurs modernes!