ဂေဟျူ ပေါ်လစ်ဒိုင်း အခြေခံ

jQuery Mobile အစီအစဉ်ပေါင်းစုစာရင်း သုံးစွဲ

16x16px အချင်းကျယ်သော အရာဝတ္တုများအတွက်၊ လမ်းခွဲတွင် <img> အခြေအနေကို ထပ်ပေးပါ:

jQuery Mobile သည် အရာဝတ္တုကို 80x80px အချင်းထိ လျှို့ဝှက်ပြီး

ဌာန

<ul data-role="listview">
  <li><a href="#"><img src="chrome.png">

亲自试一试

အခြေအနေအဖြစ် အချက်အလက်ပေါင်းစုစာရင်းကို အသုံးပြုပါ:

ဌာန

<ul data-role="listview">
  <li>
    <a href="#">
    <img src="chrome.png">
    <h2>Google Chrome</h2>
    <p>Google Chrome အခွင့်အရေးမဲ့ အခွင့်ပြုသော ဝတ္တုပြည့် ဘရောက်တာ၊ 2008 ခုနှစ်တွင် ထုတ်ဝေခဲ့သည်。</p>
    </a>
  </li>

亲自试一试

jQuery Mobile အစီအစဉ်ပေါင်းစုစာရင်း ပုံရိပ်

အစီအစဉ်ပေါင်းစုစာရင်းကို 16x16px အချင်းရှိ ပုံရိပ်ကို ထပ်ပေးရန်၊ <img> အခြေအနေတွင် class="ui-li-icon" အခြေအနေကို ထပ်ပေးပါ:

ဌာန

<li><a href="#"><img src="us.png" alt="USA" class="ui-li-icon">အမေရိကန်

亲自试一试

ခွဲခြားသော နှုတ်ခုံ

အစီအစဉ်ပေါင်းစုစာရင်းကို အရောင်သုံး လမ်းခွဲကို ဖွဲ့စည်းရန်၊ <li> အခြေအနေတွင် လမ်းခွဲနှစ်လမ်းကို ထပ်ပေးပါ:

jQuery Mobile သည် ဒုတိယလမ်းခွဲကို အနီရောင် အကြောင်းအရာကြီး ပုံစံကို လျှို့ဝှက်ပြီး၊ လမ်းခွဲတွင် အရာဝတ္တု (အရှိန့်) ကို အသုံးပြုပါ:

ဌာန

<ul data-role="listview">
  <li>
    <a href="#"><img src="chrome.png"></a>
    <a href="#">ပုံစံအကြောင်း
  </li>

亲自试一试

စာရင်းပုံစံနှင့် ပြောင်းလဲသည့် ပေါင်းစုစာရင်းကို ထပ်ပေးခြင်းဖြင့် လမ်းခွဲတံခွန်းကို ပိုမိုခိုင်ခိုင်စွာရှိစေရန်

ဌာန

<ul data-role="listview">
  <li>
    <a href="#"><img src="chrome.png"></a>
    <a href="#download" data-rel="dialog">ချမ်းသာသော ဘရောက်တာ တင်ထုတ်ပါ
  </li>

亲自试一试

အစီအစဉ်ပေါင်းစုစာရင်း

အစီအစဉ်ပေါင်းစုစာရင်းသည် စာအုပ်တခုနှင့်ဆိုင်သော အရာဝတ္တုကို ပြသထားသည် အန်အိတ်အရာဝတ္တု အချင်းတွင် ဥပမာ:

အစီအစဉ်ပေါင်းစုစာရင်းကိုထပ်ပေးရန်၊ အင်တာနက်အရာဝတ္တုကိုအသုံးပြုပါ၊ ဥပမာ <span>၊ class "ui-li-count" အခြေအနေကိုကျွမ်းကျင်ပြီး စာရင်းကိုထပ်ပေးပါ:

ဌာန

<ul data-role="listview">
  <li><a href="#">အက်ဥပဒါ<span class="ui-li-count">335</span>
  <li><a href="#">သွားသည်<span class="ui-li-count">123</span>
  <li><a href="#">သစ်သား7

亲自试一试

注释：如需在计数泡泡中显示正确的数字，就必须进行程序化更新。我们将在下一章种讲解。

更多实例

更改列表项的默认链接图标
如何为列表项设置不同的链接图标（右箭头是默认的）。
可折叠列表
如何创建隐藏和显示内容的列表。
更多内容格式
如何制作日历。