Tutoriel jQuery...login
Tutoriel jQuery Mobile Classique
auteur:php.cn  temps de mise à jour:2022-04-11 13:58:34

Installation de jQuery Mobile



Ajoutez jQuery Mobile à votre page Web

Vous pouvez ajouter jQuery Mobile à votre page Web des manières suivantes :

  • Charger jQuery Mobile depuis le CDN (recommandé)

  • Téléchargez la bibliothèque jQuery Mobile depuis jQuerymobile.com


à partir du chargement de jQuery Mobile dans le CDN

lampCDN的全称是Content Delivery Network,即内容分发网络。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节,使内容传输的更快、更稳定。.

En utilisant le noyau jQuery, vous n'avez pas besoin d'installer quoi que ce soit sur votre ordinateur ; il vous suffit de charger les styles en cascade (.css) et les bibliothèques JavaScript (.js) suivants dans vos pages Web) pour être capable d'utiliser jQuery Mobile :

Instance

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>

<div data-role="page" id="pageone">
  <div data-role="header">
  <h1>欢迎来到我的主页</h1>
  </div>

  <div data-role="content">
  <p>欢迎!</p>
  </div>

  <div data-role="footer">
  <h1>底部文本</h1>
  </div>
</div>

</body>
</html>

Exécuter l'instance»

Cliquez sur le bouton "Exécuter l'instance" pour afficher Instance en ligne

Il est recommandé aux utilisateurs nationaux d'utiliser Baidu CDN :

Instance

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="http://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>

<div data-role="page" id="pageone">
  <div data-role="header">
  <h1>欢迎来到我的主页</h1>
  </div>

  <div data-role="content">
  <p>欢迎!</p>
  </div>

  <div data-role="footer">
  <h1>底部文本</h1>
  </div>
</div>

</body>
</html>

Instance en cours d'exécution»

Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne

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



Téléchargez jQuery Mobile

Si vous souhaitez mettre jQuery Mobile sur votre hôte, vous pouvez télécharger le fichier depuis jQuerymobile.com.

<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 le fichier téléchargé dans le même répertoire que la page Web.

lamp
lamp你是否想知道为什么在 <script> 标签中 没有插入 type="text/javascript" ?

在 HTML5 已经不需要该属性。 JavaScript 在所有现代浏览器中是 HTML5 的默认脚本语言!
Vous vous demandez pourquoi la balise <script> n'y a-t-il aucun type="text/javascript" inséré dans ?<🎜>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 !
<🎜><🎜>