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
CDN的全称是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.
|