jQuery Mobile Installation

Ajouter jQuery Mobile à votre page Web

Vous pouvez ajouter jQuery Mobile à votre page Web des façons suivantes :

  • Charger jQuery Mobile depuis un CDN (recommandé)
  • Télécharger la bibliothèque jQuery Mobile depuis jQuerymobile.com

Charger jQuery Mobile depuis un CDN

lamp CDN signifie Content Delivery Network, c'est-à-dire un réseau de distribution de contenu. Son idée de base est d'éviter autant que possible les goulots d'étranglement et les liaisons sur Internet qui peuvent affecter la vitesse et la stabilité de la transmission des données, rendant la diffusion de contenu plus rapide et plus stable.

En utilisant le cœur de jQuery, vous n'avez besoin de rien installer sur votre ordinateur ; vous devez seulement charger les feuilles de style en cascade (.css) et les bibliothèques JavaScript (.js) suivantes dans votre page Web pour utiliser jQuery Mobile :

CDN jQuery Mobile :

<head>

<!-- la balise meta utilise viewport pour garantir que la page peut être mise à l'échelle librement -->
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Importer les styles jQuery Mobile -->
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">

<!-- Importer la bibliothèque jQuery -->
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>

<!-- Importer la bibliothèque jQuery Mobile -->
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

</head>

Essayez-le »

Il est recommandé aux utilisateurs en Chine d'utiliser le CDN de Baidu :

CDN jQuery Mobile (Baidu) :

<head>

<!-- la balise meta utilise viewport pour garantir que la page peut être mise à l'échelle librement -->
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Importer les styles jQuery Mobile -->
<link rel="stylesheet" href="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css">

<!-- Importer la bibliothèque jQuery -->
<script src="http://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>

<!-- Importer la bibliothèque jQuery Mobile -->
<script src="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

</head>

Essayez-le »

La bibliothèque référencée dans ce tutoriel est la bibliothèque de ressources CDN de Baidu.


Télécharger jQuery Mobile

Si vous souhaitez héberger jQuery Mobile sur votre propre hôte, vous pouvezjQuerymobile.comtélécharger le fichier.

<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="jquery.mobile-1.4.5.css.html">
<script src="jquery.js.html"></script>
<script src="jquery.mobile-1.4.5.js.html"></script>
</head>

Astuce :Placez le fichier téléchargé dans le même répertoire que votre page web.

lamp Vous vous demandez pourquoi type="text/javascript" n'est pas inséré dans la balise <script> ?

Cet attribut n'est plus nécessaire en HTML5. JavaScript est le langage de script par défaut pour HTML5 dans tous les navigateurs modernes !
Autres extensions