Menambahkan jQuery Mobile untuk Halaman Web Anda
Ada dua cara untuk menambahkan jQuery Mobile ke situs web Anda. Kamu bisa:
- Link ke perpustakaan jQuery Mobile disimpan pada CDN (dianjurkan)
- Link ke perpustakaan jQuery Mobile disimpan pada komputer Anda
Link ke jQuery Mobile Dari CDN sebuah
Sebuah CDN (Content Delivery Network) digunakan untuk mendistribusikan file yang sering digunakan di seluruh web.
Hal ini membuat kecepatan download lebih cepat bagi pengguna.
Seperti jQuery inti, tidak ada yang diinstal pada komputer Anda; Anda hanya menyertakan stylesheet berikut (.css) dan perpustakaan JavaScript (.js) langsung ke halaman HTML Anda, untuk mendapatkan jQuery Mobile untuk bekerja:
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>
Cobalah sendiri " Viewport <meta> tag dalam <head> elemen menentukan bagaimana browser harus mengontrol tingkat zoom halaman dan dimensi.
The width=device-width set lebar halaman untuk mengikuti layar-lebar perangkat (yang akan bervariasi tergantung pada perangkat).
The initial-scale=1 set tingkat zoom awal saat halaman pertama dimuat oleh browser.
Link ke jQuery Mobile Disimpan di Komputer Anda
Jika Anda ingin menjadi tuan rumah perpustakaan jQuery Mobile sendiri, Anda harus terlebih dahulu men-download dari jQuerymobile.com .
Kemudian tambahkan kode berikut ke halaman Anda:
<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>
Tip: Tempatkan file yang didownload dalam direktori yang sama seperti halaman di mana Anda ingin menggunakannya.
Apakah Anda bertanya-tanya mengapa kita tidak memiliki type="text/javascript" dalam <script> tag?
Hal ini tidak diperlukan dalam HTML5. JavaScript adalah bahasa scripting default pada HTML5 dan di semua browser modern!