HTML-এ বুটস্ট্রাপ ড্রপডাউন ক্লিক করলে বন্ধ হওয়া থেকে রোধ করা

আপনি দেখতে পাচ্ছেন, যখনই আপনি একটি ড্রপডাউন খুলেন এবং অন্য জায়গায় ক্লিক করেন, ড্রপডাউন বন্ধ হয়ে যায়।

নিচের কোড ব্যবহার করে ড্রপডাউন মেনু ক্লিক করার পরও খোলা রাখা যায়:

$('#myDropdown').on('hide.bs.dropdown', function () {    return false; });

আরেকটি অপশন হলো ক্লিক ইভেন্ট হ্যান্ডেল করা:

ক্লিক ইভেন্টটি নিচের কোড ব্যবহার করে হ্যান্ডেল করা যায়। event.stopPropagation() মেথডটি ইভেন্টকে প্যারেন্ট এলিমেন্টে বাবলিং হওয়া থেকে রোধ করে। এটি যেকোনো প্যারেন্ট ইভেন্ট হ্যান্ডলার এক্সিকিউট হতে না দেয়:

$('#myDropdown .dropdown-menu').on({    "click":function(e) {        e.stopPropagation();     } });