مسج قائمة موبايل المشاهدات
قائمة وجهات النظر في مسج موبايل هي قوائم 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" )
المقسمات القائمة
وتستخدم قائمة فواصل لتنظيم والعناصر إلى فئات / أقسام المجموعة.
لتحديد مقسم القائمة، إضافة 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>
انها محاولة لنفسك » إذا كان لديك قائمة أبجديا، (على سبيل المثال كتاب الهاتف) مسج الجوال تلقائيا بإضافة فواصل المناسبة عن طريق تعيين-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).
لوحات
كيفية إدراج لوحات لعناصر القائمة الخاصة بك.