jQuery Mobile ਨੇਵੀਗੇਸ਼ਨ ਬਾਰ

jQuery Mobile ਨੇਵੀਗੇਸ਼ਨ ਬਾਰ

ناویگیشن بار ایک سلسلہ افقی لنگوں سے بنادیا جاتا ہے، جو عام طور پر سر میٹ یا پیر میٹ کے اندر موجود ہوتا ہے۔

مقصد سے، ناویگیشن بار میں کسی لنگ کو خودکار طور پر بینر بنادیا جاتا ہے (data-role="button" استعمال نہیں کریں)。

ناویگیشن بار کو دفعہ کرنے کیلئے data-role="navbar" پروریات استعمال کریں:

مثال

<div data-role="header">
  <div data-role="navbar">
    <ul>
      <li><a href="#anylink">سرپرست صفحه</a></li>
      <li><a href="#anylink">صفحه دو</a></li>
      <li><a href="#anylink">بحث</a></li>
    </ul>
  </div>
</div>

ਆਪਣੇ ਤੌਰ 'ਤੇ ਕਰੋ

نکاتی:بینر کی چوڑائی، اصل میں، اس کی مالیت کے برابر ہوتی ہے۔ بینر کو مساوی طور پر تقسیم کرنے کیلئے غیر منظم فہرست استعمال کریں: ایک بینر 100% چوڑائی کا حامل ہوتا ہے، دو بینر ہر ایک 50% چوڑائی کا حامل ہوتا ہے، تین بینر 33.3%，اور اس طرح سے جاری رہتا ہے۔ لیکن، اگر آپ ناویگیشن بار میں پانچ سے زیادہ بینر مقرر کرتے ہیں تو وہ کئی سطر میں چل جائیں گا (صفحہ کے نیچے 'بہت سے مثال' دیکھیئے)。

سرگرم بینر

جب ناویگیشن بار میں کسی لنگ پر کلک کیا جاتا ہے تو وہ منتخب کا اظہار حاصل کر لیتا ہے (پرسا)。

اگر آپ نکلنے کے بغیر اس اظہار کو حاصل کرنا چاہئیگا، تو class="ui-btn-active" استعمال کریں:

مثال

<li><a href="#anylink" class="ui-btn-active">ਮੁੱਖ ਪੰਨਾ</a></li>

ਆਪਣੇ ਤੌਰ 'ਤੇ ਕਰੋ

کئی صفحات کے لئے، آپ کو ہر بینر کیلئے 'منتخب' کا اظہار کرنا چاہئیگا، تاکہ آپ وہ صفحہ دیکھ رہے ہوئیں۔ اگر آپ کسی طرح سے کریتے ہیں، لنگ کیلئے 'ui-state-persist' کا کلسیس اور 'ui-btn-active' کا کلسیس شامل کریں:

مثال

<li><a href="#anylink" class="ui-btn-active ui-state-persist">ਮੁੱਖ ਪੰਨਾ</a></li>

ਆਪਣੇ ਤੌਰ 'ਤੇ ਕਰੋ

ਹੋਰ ਉਦਾਹਰਣ

ਸਮੱਗਰੀ ਵਿੱਚ ਨੇਵੀਗੇਸ਼ਨ ਬਾਰ
data-role="content" ਵਿੱਚ ਨੇਵੀਗੇਸ਼ਨ ਬਾਰ ਜੋੜਨ ਦੀ ਤਰ੍ਹਾਂ
ਪੇਜ ਫੁੱਟਰ ਵਿੱਚ ਨੇਵੀਗੇਸ਼ਨ ਬਾਰ
ਪੇਜ ਫੁੱਟਰ ਵਿੱਚ ਨੇਵੀਗੇਸ਼ਨ ਬਾਰ ਜੋੜਨ ਦੀ ਤਰ੍ਹਾਂ
ਨੇਵੀਗੇਸ਼ਨ ਬਾਰ ਵਿੱਚ ਆਇਕਾਨ ਸਥਾਪਿਤ ਕਰਨਾ
ਪੇਜ ਫੁੱਟਰ ਵਿੱਚ ਨੇਵੀਗੇਸ਼ਨ ਬਾਰ ਵਿੱਚ ਆਇਕਾਨ ਲਗਾਉਣ ਦੀ ਤਰ੍ਹਾਂ
ਪੰਜ ਤੋਂ ਵੱਧ ਬਟਨ
ਨੇਵੀਗੇਸ਼ਨ ਬਾਰ ਵਿੱਚ ਦਸ ਬਟਨਾਂ ਦਾ ਪ੍ਰਦਰਸ਼ਨ