Latest web development tutorials

مسج موبايل عرض قائمة



مسج موبايل عرض قائمة

مسج الجوال في عرض القائمة هي قائمة HTML القياسية، أمر (<رأ>) وغير مرتبة (<UL>).

مسج الجوال في عرض القائمة هي ميزة قوية. وسوف تقدم قائمة غير مرتبة أو أمر القياسية على نطاق أوسع. تطبيق طريقة لإضافة بيانات دور = "listview" المجاهدين الملكية أو علامة رأ. إضافة رابط على كل بند (<li> و)، يمكن للمستخدم النقر على ذلك:

أمثلة

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

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

محاولة »

نمط القائمة وحواف مدورة، واستخدام، أقحم مجموعة البيانات = "true" السمة:

أمثلة

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

محاولة »

مصباح افتراضيا، هذا البند قائمة مرتبطة يصبح زر (دون دور البيانات = "الزر") تلقائيا.


قائمة محدد

ويمكن تشغيل قائمة العناصر في عنصر قائمة الانقسام، لتنظيم القوائم، وعناصر القوائم إلى مجموعات.

تحديد قائمة تجزئة، لإدراج بند <li> وعنصر لإضافة-دور البيانات = "قائمة مقسم" الملكية:

أمثلة

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

محاولة »

إذا كان لديك قائمة أبجدية (مثل دليل الهاتف) من خلال <رأ> أو <UL> العنصر = يمكن تكوينها autodividers البيانات "الحقيقي" مجموعة سمة لتوليد تلقائيا تقسيم المشروع:

أمثلة

<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 البيانات لتوليد البنود فصل تلقائيا. افتراضيا، نص محدد لإنشاء بريد إلكتروني رأس المال هو أول نص قائمة البند.

أمثلة

مزيد من الأمثلة

قائمة للقراءة فقط
كيفية إنشاء قائمة من دون وصلات (وليس الزر غير قابل للنقر).

لوحة
كيفية إدراج لوحة في القائمة