आंतरिक क्लिक पर ड्रॉपडाउन मेनू को बंद होने से रोकना

किसी आंतरिक तत्व पर क्लिक करने पर ट्विटर बूटस्ट्रैप ड्रॉपडाउन मेनू को बंद होने से रोकने के लिए, एक समाधान जो इसे रोकता है प्रत्यायोजित क्लिक इवेंट हैंडलिंग आवश्यक है। यहां एक विस्तृत स्पष्टीकरण और प्रस्तावित समाधान दिया गया है:

डिफ़ॉल्ट रूप से, ट्विटर बूटस्ट्रैप ड्रॉपडाउन मेनू किसी भी क्लिक पर बंद हो जाते हैं, यहां तक ​​कि मेनू के भीतर भी। इस व्यवहार को दूर करने के लिए, एक सामान्य दृष्टिकोण में ड्रॉपडाउन मेनू में एक क्लिक इवेंट हैंडलर संलग्न करना और इवेंट प्रसार को रोकने के लिए इवेंट.स्टॉपप्रॉपैगेशन() को कॉल करना शामिल है।

हालांकि, सेटअप के लिए जो कैरोसेल नियंत्रण जैसे घटकों का उपयोग करते हैं, प्रत्यायोजित इवेंट ट्विटर बूटस्ट्रैप का प्रबंधन तंत्र इच्छित व्यवहार में हस्तक्षेप कर सकता है। ऐसे उदाहरणों में, इन नियंत्रणों पर क्लिक करने से इवेंट के प्रत्यायोजित इवेंट हैंडलर तक नहीं पहुंचने के कारण अपेक्षित कार्रवाई शुरू नहीं हो सकती है।

ड्रॉपडाउन छुपा/छिपे हुए इवेंट पर भरोसा करना एक व्यवहार्य विकल्प नहीं है क्योंकि इन इवेंट में आवश्यक जानकारी का अभाव है और ड्रॉपडाउन सामग्री पर नियंत्रण।

प्रस्तावित समाधान

एक प्रभावी समाधान एक कंटेनर तत्व पर ईवेंट प्रतिनिधिमंडल का उपयोग करना है जिसमें ड्रॉप डाउन मेनू। यहां एक उदाहरण है:

$(document).on('click', 'someyourContainer .dropdown-menu', function (e) {
  e.stopPropagation();
});

इस उदाहरण में, निर्दिष्ट कंटेनर के भीतर तत्वों पर क्लिक करने से ईवेंट अभी भी संबंधित प्रतिनिधि हैंडलर तक प्रसारित होगा। हालाँकि, विशेष रूप से ड्रॉपडाउन मेनू पर क्लिक को रोक दिया जाएगा और इवेंट.स्टॉपप्रॉपैगेशन() ड्रॉपडाउन मेनू के बंद होने के व्यवहार को रोक देगा।