Latest web development tutorials
×

jQuery Mobile หลักสูตร

jQuery Mobile หลักสูตร jQuery Mobile แนะนำโดยย่อ jQuery Mobile ติดตั้ง jQuery Mobile หน้า jQuery Mobile การเปลี่ยนแปลง jQuery Mobile ปุ่มกด jQuery Mobile ปุ่มไอคอน jQuery Mobile ป๊อป jQuery Mobile แถบเครื่องมือ jQuery Mobile ป้าย jQuery Mobile แผงหน้าปัด jQuery Mobile บล็อกพับ jQuery Mobile ตาราง jQuery Mobile กินกัน

jQuery Mobile รายการ

jQuery Mobile มุมมองรายการ jQuery Mobile เนื้อหาของรายการ jQuery Mobile การกรอง

jQuery Mobile ฟอร์ม

jQuery Mobile รูปแบบพื้นฐาน jQuery Mobile ป้อนข้อมูลในแบบฟอร์ม jQuery Mobile เลือกรูปแบบ jQuery Mobile เลื่อนแบบฟอร์ม

jQuery Mobile กระทู้

jQuery Mobile กระทู้

jQuery Mobile เหตุการณ์

jQuery Mobile เหตุการณ์ jQuery Mobile เหตุการณ์สัมผัส jQuery Mobile เลื่อนจัดกิจกรรม jQuery Mobile เหตุการณ์เปลี่ยนทิศทาง jQuery Mobile ตัวอย่าง jQuery Mobile Data คุณสมบัติ jQuery Mobile ไอคอน jQuery Mobile เหตุการณ์ jQuery Mobile หน้าเหตุการณ์ jQuery Mobile CSS หมวดหมู่

jQuery รายการดูโทรศัพท์มือถือ



jQuery รายการดูโทรศัพท์มือถือ

มือถือ jQuery ในมุมมองรายการนี้เป็นรายการมาตรฐาน HTML; สั่งซื้อ (<ol>) และเรียงลำดับ (<ul>)

มือถือ jQuery ในมุมมองรายการเป็นคุณลักษณะที่มีประสิทธิภาพ มันจะทำให้มาตรฐานรายการเรียงลำดับหรือสั่งอย่างกว้างขวางมากขึ้น การประยุกต์ใช้วิธีการคือการเพิ่มข้อมูลบทบาท = "ListView" UL ทรัพย์สินหรือ OL แท็ก เพิ่มการเชื่อมโยงในแต่ละรายการ (<li>) ผู้ใช้สามารถคลิกที่:

ตัวอย่าง

<ol data-role="listview" >
<li><a href="#">列表项m</a></li>
</ol>

<ul data-role="listview" >
<li><a href="#">列表项</a></li>
</ul>

ลอง»

รูปแบบรายการและขอบโค้งมนการใช้งานของข้อมูลสิ่งที่ใส่เข้าไป = แอตทริบิวต์ "จริง" ตั้ง:

ตัวอย่าง

<ul data-role="listview" data-inset="true" >

ลอง»

โคมไฟ โดยค่าเริ่มต้นรายการที่เชื่อมโยงโดยอัตโนมัติกลายเป็นปุ่ม (ไม่มีข้อมูลบทบาท = "ปุ่ม")


รายการคั่น

รายการสามารถจะกลายเป็นแยกรายการในการจัดระเบียบรายการในรายการเป็นกลุ่ม

ระบุการแบ่งส่วนรายชื่อไปยังรายการรายการ <li> องค์ประกอบเพื่อเพิ่มข้อมูลบทบาท = "รายการ divider" ทรัพย์สิน:

ตัวอย่าง

<ul data-role="listview">
<li data-role="list-divider" >欧洲</li>
<li><a href="#">法国</a></li>
<li><a href="#">德国</a></li>
</ul>

ลอง»

หากคุณมีรายชื่อเรียงตามตัวอักษร (เช่นสมุดโทรศัพท์) โดย <ol> หรือ <ul> องค์ประกอบของข้อมูล autodividers-= "true" ชุดแอตทริบิวต์สามารถกำหนดค่าเพื่อสร้างพาร์ทิชันโครงการโดยอัตโนมัติ:

ตัวอย่าง

<ul data-role="listview" data-autodividers="true" >
<li><a href="#">Adele</a></li>
<li><a href="#">Agnes</a></li>
<li><a href="#">Billy</a></li>
<li><a href="#">Calvin</a></li>
...
</ul>

ลอง»

โคมไฟ ข้อมูล autodividers-= "true" สามารถกำหนดค่าเพื่อสร้างรายการที่แยกออกจากกันโดยอัตโนมัติ โดยค่าเริ่มต้นข้อความที่คั่นด้วยการสร้างตัวอักษรเป็นข้อความรายการแรก

ตัวอย่าง

ตัวอย่างเพิ่มเติม

รายการอ่านอย่างเดียว
วิธีการสร้างรายการโดยไม่ต้องเชื่อมโยง (ไม่ใช่ปุ่มคลิกไม่ได้)

แผงหน้าปัด
วิธีการแทรกแผงในรายการ