jQuery Mobile লিস্ট কনটেন্ট

jQuery Mobile তালিকা থম্বনামা

16x16px বড়তর ছবির জন্য, লিঙ্কে <img> এলিমেন্ট যোগ করুন。

jQuery Mobile স্বচালিতভাবে ছবিকে 80x80px হিসাবে সংক্ষেপিত করবে:

প্রকল্প

<ul data-role="listview">
  <li><a href="#"><img src="chrome.png"></a></li>
</ul>

আপনার নিজেই চেষ্টা করুন

তথ্যসমৃদ্ধ তালিকা পূরণ করতে, স্ট্যান্ডার্ড HTML ব্যবহার করুন:

প্রকল্প

<ul data-role="listview">
  <li>
    <a href="#">
    <img src="chrome.png">
    <h2>Google Chrome</h2>
    <p>Google Chrome একটি মুক্ত সোর্স ওয়েব ব্রাউজার। ২০০৮ সালে প্রকাশিত。</p>
    </a>
  </li>
</ul>

আপনার নিজেই চেষ্টা করুন

jQuery Mobile তালিকা আইকন

আপনার তালিকায় 16x16px আইকন যোগ করতে, <img> এলিমেন্টের মধ্যে class="ui-li-icon" এটি যোগ করুন:

প্রকল্প

<li><a href="#"><img src="us.png" alt="USA" class="ui-li-icon">USA</a></li>

আপনার নিজেই চেষ্টা করুন

বিভাজন বাটন

সামন্তলক্ষ্যমূলক তালিকা তৈরি করতে, <li> এলিমেন্টের মধ্যে দুটি লিঙ্ক প্রবেশ করানো হবে:

jQuery Mobile আটক্ষ্য করার সময় দ্বিতীয় লিঙ্কে নীল তীরের আইকনের শৈলী স্বচালিতভাবে যোগ করবে, যদি লিঙ্কে কোনো টেক্সট থাকে তবে তা দেখানো হবে:

প্রকল্প

<ul data-role="listview">
  <li>
    <a href="#"><img src="chrome.png"></a>
    <a href="#">কোনো টেক্সট</a>
  </li>
</ul>

আপনার নিজেই চেষ্টা করুন

পৃষ্ঠা এবং ডায়লগ যোগ করে, লিঙ্কের কার্যকারিতা আরও শক্তিশালী হতে পারে:

প্রকল্প

<ul data-role="listview">
  <li>
    <a href="#"><img src="chrome.png"></a>
    <a href="#download" data-rel="dialog">ব্রাউজার ডাউনলোড করুন</a>
  </li>
</ul>

আপনার নিজেই চেষ্টা করুন

গণনা বালুক

গণনা বালুক তালিকার আইটেমের সাথে সংযুক্ত সংখ্যা দেখাতে ব্যবহৃত হয়, যেমন ইমেল একাউন্টের বার্তা:

যদি আপনি গণনা বালুক যোগ করতে চান, তবে ইনলাইন এলিমেন্ট ব্যবহার করুন, যেমন <span> এবং class "ui-li-count" এটি নির্ধারণ করুন এবং সংখ্যা যোগ করুন:

প্রকল্প

<ul data-role="listview">
  <li><a href="#">Inbox<span class="ui-li-count">335</span></a></li>
  <li><a href="#">Sent<span class="ui-li-count">123</span></a></li>
  <li><a href="#">Trash<span class="ui-li-count">7</span></a></li>
</ul>

আপনার নিজেই চেষ্টা করুন

মন্তব্য:কাউন্ট বাল্বে সঠিক সংখ্যা দেখানোর জন্য, প্রোগ্রামিং অপারেশন করা প্রয়োজন।আমরা পরবর্তী চাপে এটা বুঝিয়ে দেব

আরও বেশি ইনস্ট্যান্স

লিস্ট আইটেমের ডিফল্ট লিঙ্ক আইকন পরিবর্তন
লিস্ট আইটেমের বিভিন্ন লিঙ্ক আইকন সেট করা যায় (ডান দিকের আরোহর ডিফল্ট হয়)。
ফোল্ডার লিস্ট
কিভাবে লিস্ট থেকে হিড এবং দেখানো কনটেন্ট তৈরি করা যায়。
আরও বেশি কনটেন্ট ফরম্যাট
কিভাবে ক্যালেন্ডার তৈরি করা যায়。