ปุ่มมือถือ jQuery

การใช้งานมือถือที่สร้างขึ้นบนคลิกง่ายของสิ่งที่คุณต้องการแสดง

ปุ่มสร้างใน jQuery มือถือ

ในมือถือ jQuery ปุ่มที่สามารถสร้างขึ้นในสามวิธี:

• การใช้งาน <ปุ่ม> องค์ประกอบ
• การใช้งาน <input>
• ใช้ <a> องค์ประกอบที่มีข้อมูลบทบาท = "ปุ่ม" ของ

	ในมือถือ jQuery ปุ่มจะจัดแต่งทรงผมโดยอัตโนมัติทำให้พวกเขาน่าสนใจมากขึ้นและความพร้อมบนอุปกรณ์มือถือ เราขอแนะนำให้คุณใช้องค์ประกอบ <a> กับข้อมูลบทบาท "ปุ่ม" ของการเชื่อมโยง = ใช้ <input> หรือ <ปุ่ม> องค์ประกอบระหว่างหน้าแบบฟอร์มการส่ง

ปุ่มนำทาง

ผ่านการเชื่อมโยงระหว่างปุ่มหน้าใช้องค์ประกอบ <a> กับข้อมูลบทบาท = ทรัพย์สิน "ปุ่ม":

ปุ่มแบบอินไลน์

โดยค่าเริ่มต้นปุ่มตรงทั้งความกว้างของหน้าจอ ถ้าคุณต้องการที่เฉพาะเนื้อหาที่กว้างเป็นปุ่มหรือถ้าคุณต้องการที่จะแสดงด้านข้างสองคนหรือมากกว่าปุ่มข้างเพิ่มข้อมูลแบบอินไลน์ = "true"

การรวมกันของปุ่ม

jQuery มือถือให้เป็นวิธีที่ง่ายที่จะรวมปุ่ม

กรุณาใส่ข้อมูลบทบาท = "controlgroup" คุณลักษณะและข้อมูลประเภท = "แนวนอน | แนวตั้ง" ที่ใช้ร่วมกันเพื่อระบุว่าการรวมกันในแนวนอนหรือแนวตั้งของปุ่ม:

	โดยค่าเริ่มต้นปุ่มมีการรวมกันขององค์ประกอบแนวตั้งจะไม่มีขอบและช่องว่างระหว่างพวกเขา และมีเพียงปุ่มแรกและครั้งสุดท้ายมีความโค้งมนเพื่อที่ว่าเมื่อพวกเขาจะรวมกันเพื่อสร้างรูปลักษณ์ที่สวยงาม

ปุ่มย้อนกลับ

เพื่อสร้างปุ่มย้อนกลับใช้ข้อมูล rel = "กลับ" คุณสมบัติ (ซึ่งไม่สนใจค่า href สมอ):

เช่นปุ่มเชื่อมโยงมากขึ้น

	หากคุณต้องการรูปแบบมากขึ้นในแต่ละชั้นสไตล์คั่นด้วยช่องว่างเช่น class = "UI-btn UI-btn-อินไลน์ UI-btn มุมทั้งหมด UI-เงา" โดยค่าเริ่มต้น <input> ปุ่มมีมุมโค้งมนและผลเงา <a> และ <ปุ่ม> องค์ประกอบไม่

คลาส CSS ที่สมบูรณ์มากขึ้นโปรดดู คู่มือการใช้งานมือถือ jQuery CSS ชั้นอ้างอิง

ส่วนถัดไปแสดงวิธีการเพิ่มไอคอนบนปุ่ม