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" এর মধ্যে নেভিগেশন বার কীভাবে যোগ করা যায়
ফুটারের নেভিগেশন বার
ফুটারে নেভিগেশন বার কীভাবে যোগ করা যায়
নেভিগেশন বারে আইকন কীভাবে অবস্থান করায়
ফুটারের মধ্যে নেভিগেশন বারে আইকন কীভাবে রাখা যায়
পাঁচটিরও বেশি বাটন
নেভিগেশন বারের মধ্যে একশোটি বাটনের প্রদর্শন