Tutorial Klasik...login
Tutorial Klasik Mudah Alih jQuery
pengarang:php.cn  masa kemas kini:2022-04-11 13:58:34

pemasangan mudah alih jQuery



Tambah jQuery Mobile ke halaman web anda

Anda boleh menambah jQuery Mobile ke halaman web anda dengan cara berikut:

  • Muat jQuery Mobile daripada CDN (disyorkan)

  • Muat turun perpustakaan Mudah Alih jQuery dari jQuerymobile.com


dari Memuatkan jQuery Mobile dalam CDN

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

Menggunakan teras jQuery, anda tidak perlu memasang apa-apa pada komputer anda hanya perlu memuatkan gaya berlatarkan berikut (.css) dan perpustakaan JavaScript (.js) dalam halaman web anda; boleh menggunakan 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>

Run Instance»

Klik butang "Run Instance" untuk melihat Instance dalam talian

Pengguna domestik disyorkan untuk menggunakan 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 berjalan»

Klik butang "Jalankan Instance" untuk melihat contoh dalam talian

Pustaka yang dirujuk dalam tutorial ini ialah perpustakaan sumber CDN Baidu.



Muat turun jQuery Mobile

Jika anda ingin meletakkan jQuery Mobile pada hos anda, anda boleh memuat turun fail daripada 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>

Petua: Letakkan fail yang dimuat turun dalam direktori yang sama dengan halaman web.

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

在 HTML5 已经不需要该属性。 JavaScript 在所有现代浏览器中是 HTML5 的默认脚本语言!
Adakah anda tertanya-tanya mengapa teg <skrip> Di sana adakah no type="text/javascript" disisipkan dalam ?<🎜>Atribut ini tidak diperlukan lagi dalam HTML5. JavaScript ialah bahasa skrip lalai untuk HTML5 dalam semua pelayar moden!
<🎜><🎜>