jQuery มือถือเข้าชม
มุมมองรายการใน jQuery มือถือเป็นรายการ HTML มาตรฐาน; สั่งซื้อ (<ol>) และเรียงลำดับ (<ul>)
เพื่อสร้างรายการให้ใช้ data-role="listview" ไป <ol> หรือ <ul> องค์ประกอบ ที่จะทำให้รายการที่ tappable ระบุการเชื่อมโยงภายในรายการแต่ละรายการ (<li>) :
ตัวอย่าง
<ol data-role="listview" >
<li><a href="#">List Item</a></li>
</ol>
<ul data-role="listview" >
<li><a href="#">List Item</a></li>
</ul>
ลองตัวเอง» กับรูปแบบรายการของคุณกับมุมโค้งมนและขอบบางใช้ data-inset="true" แอตทริบิวต์:
โดยค่าเริ่มต้นการเชื่อมโยงภายในรายการโดยอัตโนมัติจะกลายเป็นปุ่ม (จำเป็นที่จะต้องไม่มี ui-class="btn" หรือ data-role="button" )
แบ่งรายการ
วงเวียนรายการที่ใช้ในการจัดระเบียบและจัดกลุ่มรายการเป็นหมวดหมู่ / ส่วน
เพื่อระบุ divider รายการเพิ่ม data-role="list-divider" แอตทริบิวต์ไปยัง <li> องค์ประกอบ:
ตัวอย่าง
<ul data-role="listview">
<li data-role="list-divider" >Europe</li>
<li><a href="#">Norway</a></li>
<li><a href="#">Germany</a></li>
</ul>
ลองตัวเอง» หากคุณมีรายชื่อตามลำดับตัวอักษร (ตัวอย่างเช่นสมุดโทรศัพท์) jQuery มือถือจะเพิ่มวงเวียนที่เหมาะสมโดยการตั้งค่าข้อมูล autodividers = แอตทริบิวต์ "จริง" บน <ol> หรือ <ul> องค์ประกอบ:
ตัวอย่าง
<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" สร้างวงเวียนที่มีตัวอักษรตัวแรก uppercased ของข้อความของรายการ
ตัวอย่างเพิ่มเติม
อ่านอย่างเดียวรายการ
วิธีการสร้างรายการโดยไม่ต้องเชื่อมโยง (จะไม่เป็นปุ่มและไม่ tappable)
แผง
วิธีการแทรกแผงกับรายการรายการของคุณ