เพิ่ม jQuery มือถือไปยังหน้าเว็บของคุณ
มีสองวิธีที่จะเพิ่ม jQuery มือถือไปยังเว็บไซต์ของคุณ คุณสามารถ:
- เชื่อมโยงไปยังห้องสมุด jQuery มือถือเก็บไว้ใน CDN (แนะนำ)
- เชื่อมโยงไปยังห้องสมุด jQuery มือถือเก็บไว้ที่เครื่องคอมพิวเตอร์ของคุณ
เชื่อมโยงไปยังมือถือ jQuery จาก CDN
CDN (เครือข่ายการจัดส่งเนื้อหา) ถูกนำมาใช้ในการแจกจ่ายไฟล์มักจะใช้ในเว็บ
นี้จะทำให้ความเร็วในการดาวน์โหลดได้เร็วขึ้นมากสำหรับผู้ใช้
เช่นเดียวกับ jQuery หลักมีอะไรที่จะติดตั้งในคอมพิวเตอร์ของคุณ คุณเพียงแค่รวมถึงสไตล์ดังต่อไปนี้ (.css) และห้องสมุด JavaScript (.js) โดยตรงลงในหน้าเว็บ HTML ของคุณจะได้รับ jQuery มือถือในการทำงาน:
มือถือ jQuery 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>
ลองตัวเอง» วิวพอร์ต <meta> แท็กภายใน <head> องค์ประกอบระบุว่าเบราว์เซอร์ควรควบคุมระดับการซูมหน้าและขนาด
width=device-width กำหนดความกว้างของหน้าไปตามหน้าจอที่มีความกว้างของอุปกรณ์ (ซึ่งจะแตกต่างกันไปขึ้นอยู่กับอุปกรณ์)
initial-scale=1 ชุดระดับการซูมเริ่มต้นเมื่อโหลดหน้าเว็บแล้วเป็นครั้งแรกโดยเบราว์เซอร์
เชื่อมโยงไปยังมือถือ jQuery เก็บไว้ที่เครื่องคอมพิวเตอร์ของคุณ
ถ้าคุณต้องการที่จะเป็นเจ้าภาพจัดการห้องสมุด jQuery มือถือตัวเองก่อนอื่นคุณต้องดาวน์โหลดได้จาก 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>
เคล็ดลับ: วางไฟล์ที่ดาวน์โหลดในไดเรกทอรีเดียวกันกับหน้าเว็บที่คุณต้องการที่จะใช้มัน
คุณสงสัยว่าทำไมเราไม่ได้มี type="text/javascript" ภายใน <script> แท็ก?
นี้ไม่จำเป็นใน HTML5 JavaScript เป็นภาษาสคริปต์เริ่มต้นใน HTML5 และในเบราว์เซอร์ที่ทันสมัยทั้งหมด!