Barrin Navige jQuery Mobile

Barrin Navige 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>

Jiki ka amfani

نصيحة:عرض زر، بشكل افتراضي، متساوي مع محتواه. استخدم قائمة غير مرتبة لتحديد زر بشكل متساوٍ: يأخذ زر واحد 100% من العرض، يشارك زرين 50% من العرض، زر ثلاثة 33.3%، وهكذا. ولكن، إذا قمت بتحديد خمس زر أو أكثر في قائمة التوجيه، فإنه يتم طويها إلى صفوف متعددة (انظر "مزيد من الأمثلة" في أسفل الصفحة).

زر نشط

عند ضرب الرابط في قائمة التوجيه، يتم تحقيق مظهر التحديد (الضغط).

إذا كنت ترغب في تحقيق هذا المظهر دون ضرب الرابط، استخدم class="ui-btn-active":

امثلة

<li><a href="#anylink" class="ui-btn-active">Rafi

Jiki ka amfani

للاستفادة من عدة صفحات، قد تحتاج إلى تعيين مظهر "محدد" لكل زر، لتعريف المستخدم بأنه يستعرض الصفحة الحالية. إذا كنت تريد القيام بذلك، أضف "ui-state-persist" إلى الرابط، بالإضافة إلى "ui-btn-active" 类:

امثلة

<li><a href="#anylink" class="ui-btn-active ui-state-persist">Rafi

Jiki ka amfani

Tushen da suka yi karin

Barrin navige na content
Kashe barrin navige a cikin data-role="content".
Barrin navige na page
Kashe barrin navige a cikin page.
Tattara ikoni a cikin barrin navige
Kashe ikoni a cikin barrin tattara na page.
Takiwar da ake tattara a cikin takiwar da yau da karshe
Tsunan takiwar da ake tattara a barrin navige.