twitter-bootstrap
बूटस्ट्रैप ड्रॉपडाउन

Angular 2 AngularJS ASP.NET asp.net-mvc CSS HTML JavaScript jQuery PHP Ruby on Rails

पैरामीटर

तरीके	उदाहरण
वाया जावास्क्रिप्ट को बुलाओ	`$('.dropdown-toggle').dropdown();`
ड्रॉपडॉग को टॉगल करता है	`$('.dropdown-toggle').dropdown('toggle')`
घटना प्रकार	विवरण
show.bs.dropdown	शो इवेंट विधि कहा जाता है जब यह घटना तुरंत आग।
shown.bs.dropdown	यह घटना तब निकाल दी जाती है जब उपयोगकर्ता को ड्रॉपडाउन दिखाई देता है (सीएसएस संक्रमण की प्रतीक्षा करेगा, पूरा होने के लिए)।
hide.bs.dropdown	इस घटना को तुरंत निकाल दिया जाता है जब छिपाने की विधि विधि को बुलाया गया है।
hidden.bs.dropdown	यह ईवेंट तब निकाल दिया जाता है जब ड्रॉपडाउन उपयोगकर्ता से छिपाया गया हो (सीएसएस बदलाव की प्रतीक्षा करेगा, पूरा होने के लिए)।
इवेंट हैंडलर उदाहरण	`$(element).on('show.bs.dropdown', function () { // do something… })`

टिप्पणियों

ड्रॉपडाउन वाया जावास्क्रिप्ट $('.dropdown-toggle').dropdown() कॉल करते समय $('.dropdown-toggle').dropdown() , डेटा-एपीआई यानी data-toggle="dropdown" अभी भी आवश्यक है। अधिक पढ़ें

कैसे इस्तेमाल करे

ड्रॉपडाउन मेनू के मूल तत्व पर .dropdown वर्ग का उपयोग करें।

ड्रॉपडाउन मेनू प्लगइन को इनिशियलाइज़ करने के लिए एक तत्व में -dropdown-menu क्लास जोड़ें।

एक बटन या हाइपरलिंक पर क्लास .dropdown-toggle और data-toggle="dropdown" विशेषता का उपयोग करके प्लगइन को कॉल करें।

मूल उदाहरण

<div class="dropdown">
  <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Dropdown Example
  <span class="caret"></span></button>
  <ul class="dropdown-menu">
    <li><a href="#">Option One</a></li>
    <li><a href="#">Option two</a></li>
    <li><a href="#">More Options</a></li>
  </ul>
</div>

Modified text is an extract of the original Stack Overflow Documentation

के तहत लाइसेंस प्राप्त है CC BY-SA 3.0

से संबद्ध नहीं है Stack Overflow