జెక్కీ మొబైల్ నేవిగేషన్ బార్

జెక్కీ మొబైల్ నేవిగేషన్ బార్

నేవిగేషన్ బార్, ఒక జాబితా లింకుల సమూహం నుండి నిర్మించబడింది, సాధారణంగా హెడర్ లేదా ఫూటర్ లోని లోపల ఉంటుంది.

అప్రమేయంగా, నేవిగేషన్ బార్లోని లింకులు స్వయంచాలకంగా బటన్నులుగా మారుస్తాయి (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">首页

亲自试一试

పలు పేజీలు ఉన్నప్పుడు, మీరు ప్రతి బటన్నుకు "ఎంపికకు" అనుకూలమైన అనుభవాన్ని అనుసరించవలసినది ఉంటుంది. అలా చేయడానికి, లింకుకు "ui-state-persist" క్లాస్ మరియు "ui-btn-active" క్లాస్ జోడించండి:

ఉదాహరణ

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

亲自试一试

更多实例

内容中的导航栏
如何在 data-role="content" 中添加导航栏。
页脚中的导航栏
如何在页脚中添加导航栏。
在导航栏中定位图标
如何在页脚内部的导航栏中放置图标。
五个以上的按钮
演示在导航栏中的十个按钮。