جی کوئری موبائل لسٹ وضاحت

jQuery Mobile ਸੂਚੀ ਥੰਮਬਨੇਲ

16x16px ਤੋਂ ਵੱਧ ਦੇ ਚਿੰਨ੍ਹਾਂ ਲਈ, ਲਿੰਕ ਵਿੱਚ <img> ਅਣੂਰਜ਼ ਜੋੜੋ。

jQuery Mobile ਆਪਣੇ ਆਪ ਵਿੱਚ ਚਿੰਨ੍ਹਾਂ ਨੂੰ 80x80px ਸਜਾਵੇਗਾ:

ਉਦਾਹਰਣ

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

آپ خود بچارکریجئے

ਸੂਚਨਾ ਸਮੇਤ ਸੂਚੀ ਭਰਨ ਲਈ ਸਟੈਂਡਰਡ HTML ਵਰਤੋਂ ਕਰੋ:

ਉਦਾਹਰਣ

<ul data-role="listview">
  <li>
    <a href="#">
    <img src="chrome.png">
    <h2>Google Chrome</h2>
    <p>Google Chrome ਮੁਫਤ ਦਾ ਖੁੱਲ੍ਹਾ ਵੈੱਬ ਬਰਾਉਜ਼ਰ। 2008 ਵਿੱਚ ਜਾਰੀ。</p>
    </a>
  </li>
</ul>

آپ خود بچارکریجئے

jQuery Mobile ਸੂਚੀ ਚਿੰਨ੍ਹ

ਜੇਕਰ ਤੁਸੀਂ ਆਪਣੀ ਸੂਚੀ ਵਿੱਚ 16x16px ਦਾ ਚਿੰਨ੍ਹ ਜੋੜਣਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ <img> ਅਣੂਰਜ਼ ਵਿੱਚ class="ui-li-icon" ਲੱਕੜੀ ਸੈੱਟ ਕਰੋ:

ਉਦਾਹਰਣ

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

آپ خود بچارکریجئے

ਵੰਡਨ ਬਟਨ

ਕੀ ਸਿਰਲੇਖ ਵਿੱਚ ਵਰਤਿਆ ਜਾਣ ਵਾਲੇ ਵਿਕਰਣ ਲਈ, <li> ਅਣੂਰਜ਼ ਵਿੱਚ ਦੋ ਲਿੰਕ ਰੱਖੋ。

jQuery Mobile ਆਪਣੇ ਆਪ ਵਿੱਚ ਦੂਜੇ ਲਿੰਕ ਨੂੰ ਨੀਲੇ ਤੀਰ ਚਿੰਨ੍ਹ ਦੀ ਸਟਾਈਲ ਜੋੜੇਗਾ, ਲਿੰਕ ਵਿੱਚ ਪਾਠ (ਜੇਕਰ ਹੈ) ਉਸ ਚਿੰਨ੍ਹ ਉੱਤੇ ਜਾਣ ਨਾਲ ਦਿਖਾਇਆ ਜਾਵੇਗਾ:

ਉਦਾਹਰਣ

<ul data-role="listview">
  <li>
    <a href="#"><img src="chrome.png"></a>
    <a href="#">ਕੁਝ ਪਾਠ</a>
  </li>
</ul>

آپ خود بچارکریجئے

ਪੇਜ਼ ਅਤੇ ਡਾਇਲਾਗ ਜੋੜ ਕੇ ਲਿੰਕ ਦੇ ਕੰਮ ਨੂੰ ਮਜ਼ਬੂਤ ਕਰ ਸਕਦੇ ਹੋ:

ਉਦਾਹਰਣ

<ul data-role="listview">
  <li>
    <a href="#"><img src="chrome.png"></a>
    <a href="#download" data-rel="dialog">ਬਰਾਉਜ਼ਰ ਡਾਊਨਲਾਡ ਕਰੋ</a>
  </li>
</ul>

آپ خود بچارکریجئے

ਸੰਖਿਆ ਬੁਬਲ

ਸੰਖਿਆ ਬੁਬਲ ਲਿਸਟ ਆਈਟਮਾਂ ਨਾਲ ਸਬੰਧਤ ਸੰਖਿਆਵਾਂ ਦਿਖਾਉਣ ਲਈ ਵਰਤੀਆਂ ਜਾਂਦੀਆਂ ਹਨ, ਜਿਵੇਂ ਈਮੇਲ ਵਿੱਚ ਸਮਾਚਾਰ:

ਜੇਕਰ ਤੁਸੀਂ ਸੰਖਿਆ ਬੁਬਲ ਜੋੜਣਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ ਇੰਲਾਈਨ ਅਣੂਰਜ਼ ਵਰਤੋਂ ਕਰੋ, ਜਿਵੇਂ <span>، ਕਲਾਸ "ui-li-count" ਲੱਕੜੀ ਸੈੱਟ ਕਰੋ ਅਤੇ ਸੰਖਿਆ ਜੋੜੋ:

ਉਦਾਹਰਣ

<ul data-role="listview">
  <li><a href="#">ਇਨਬਾਕਸ<span class="ui-li-count">335</span></a></li>
  <li><a href="#">ਸੈਂਟ<span class="ui-li-count">123</span></a></li>
  <li><a href="#">ਟ੍ਰੈਸ਼<span class="ui-li-count">7</span></a></li>
</ul>

آپ خود بچارکریجئے

تعریف:اگر چاہئیے کہ شمارش کی بلبل میں صحیح شمار نمودار ہو تو وہ پروگرامنگی طور پر اپدیت کئے جانے چاہئیں۔ ہم اگلے فصلا میں اس کی تعلیم فراہم کریں گے۔

بیشتر مثال

لسٹ آئٹم کا فرسودہ لنک آئیکن بدلنا
کیا طریقہ سے لسٹ آئٹمز کے لئے مختلف لنک آئیکن طے کئے جاتے ہیں (دائیں جانب کا کمان لائن فرسودہ ہے)؟
کالپ لسٹ
کیا طریقہ سے مخفی اور نمودار کئے جانے والے مواد کی لسٹ بنایا جاتا ہے؟
بیشتر وضاحت فرمت
کیا طریقہ سے کالیڈر بنایا جاتا ہے؟