Matukio ya Matokeo ya jQuery Mobile

Picha za kinalesha za jQuery Mobile

Kwa picha za kubwa ya 16x16px, tuma elementi ya <img> kwenye kiungo:

jQuery Mobile itakaa kusahaua uharifu wa picha kwenye 80x80px:

Mifano

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

Jifunze kwa mwenyewe

Tumia HTML ya kumekadiri kuingiza orodha ya kinalesha za habari:

Mifano

<ul data-role="listview">
  <li>
    <a href="#">
    <img src="chrome.png">
    <h2>Google Chrome</h2>
    <p>Google Chrome kifungu cha kifungu cha Internet cha kinalesha cha kufungua vifunguni kwa ukubwa wa kinalesha cha 2008.</p>
    </a>
  </li>
</ul>

Jifunze kwa mwenyewe

Ikoni za orodha za jQuery Mobile

Kwa kuingiza ikoni ya 16x16px kwenye orodha yako, tuma class "ui-li-icon" kwenye elementi ya <img>:

Mifano

<li><a href="#"><img src="us.png" alt="USA" class="ui-li-icon">USA</a></li>

Jifunze kwa mwenyewe

Mwita Kifungu cha Kifungu cha Internet

Kwa kumaliza orodha ya kufunguliwa ya kusongea kwa kiwango kikuu, tuma pili za kiungo kwenye elementi ya <li>:

jQuery Mobile itakaa kuingia kwa sababu ya kusha ikoni ya kifupi kiume na kufungua uharifu wa kiungo (kama inafaa) wakati mtumishi haua na uharifu wa ikoni:

Mifano

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

Jifunze kwa mwenyewe

Kwa kuongeza vyeo na vifunguni, inafaa kuwapa ukurasa wa kiungo kwa kinalesha kikuu:

Mifano

<ul data-role="listview">
  <li>
    <a href="#"><img src="chrome.png"></a>
    <a href="#download" data-rel="dialog">Pakua Kifungu cha Kifungu cha Internet</a>
  </li>
</ul>

Jifunze kwa mwenyewe

Kinalesha kikweli

Kinalesha kikweli kinatumika kusoma uainishaji wa kinalesha ya orodha, kama vile barua ya pepe yote:

Kwa kuongeza kinalesha kikweli, tumia elementi wa kufungua, kama <span> na wakilisha class "ui-li-count" na kuongeza namba:

Mifano

<ul data-role="listview">
  <li><a href="#">Kikaa<span class="ui-li-count">335</span></a></li>
  <li><a href="#">Kamilifu<span class="ui-li-count">123</span></a></li>
  <li><a href="#">Kimaisha Kikuu<span class="ui-li-count">7</span></a></li>
</ul>

Jifunze kwa mwenyewe

Mwongozo:Kuwa na uadilifu wa uadilifu wa namba kwenye mafuta ya hitilafu inaonesha kwamba inafaa kufanyia usimamizi wa programu. Tunaamua kufungua kwa kipindi kile.

Vifaa vingine vya mifano

Badilisha ikoni za viungo kwenye orodha yenye matukio wa kuzingatia
Nia ya kumengenia ikoni za viungo kwenye orodha yenye matukio, kwa kawaida ikoni ya kuzingatia ni ya kuzingatia.
Orodha yenye uharibifu
Nia ya kumengenia orodha ya matukio yenye habari yenye ukili na yenye muonekano.
Vifaa vingine vya Muatiririko wa Habari
Nia ya kumengenia kalenda.