जेक्वेरी मोबाइल नेविगेशन बार

जेक्वेरी मोबाइल नेविगेशन बार

दिशानिर्देशक बार, एक समय-समय पर लिंकों के समूह के रूप में होता है, अक्सर सामग्री के साथ शीर्ष या पाददेश में स्थित होता है。

डिफ़ॉल्ट में, दिशानिर्देशक बार में लिंकों को स्वचालित रूप से बटन में बदल दिया जाता है (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" में नेविगेशन बार कैसे जोड़ा जाता है。
पैदल फुटर में नेविगेशन बार
पैदल फुटर में नेविगेशन बार कैसे जोड़ा जाता है。
नेविगेशन बार में आयकॉन का स्थान निर्धारित करना
पैदल फुटर में नेविगेशन बार में आयकॉन कैसे रखा जाता है。
पांच से अधिक बटन
नेविगेशन बार में दस बटनों के डिमो दिखाया जाता है。