[Bootstrap] Fermeture Dropdown menu + information
Bonjour à tous,
Je developpe un site dans lequel j'utilise "boostrap.js", et plus particulièrement les menus "dropdown".
1) Quelqu'un pourrait-il m'expliquer la syntaxe ci-dessous :
Code:
$(document).on('click.bs.dropdown.data-api', clearMenus)
$(document) => Sélection du document
click => capture de l'event click
bs.dropdown.data-api => Ca serait ne namespace ??? je n'ai pas vu ou pas compris alors ou se trouvait sa déclaration dans le fichier js.
clearMenus = > Fonction d'appel suite au catch
2)Je souhaitais mettre en place une fermeture de tous les menus du site suite à un scroll ou resize. J'ai donc tenté de modifier la déclaration pour :
Code:
1 2 3 4 5 6 7 8 9
| $(document)
.on('click.bs.dropdown.data-api', clearMenus)
.on('click.bs.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() })
.on('click.bs.dropdown.data-api', toggle, Dropdown.prototype.toggle)
.on('keydown.bs.dropdown.data-api', toggle + ', [role="menu"], [role="listbox"]', Dropdown.prototype.keydown)
.on('resize.bs.dropdown.data-api', function(){console.log('resize0')})
.on('scroll.bs.dropdown.data-api', function(){console.log('scroll0')})
.on('resize', function(){console.log('resize1')})
.on('scroll', function(){console.log('scroll2')}) |
Cela vient sans doute du faite que je n'ai pas tout compris.
Merci par avance à celui qui pourra éclair
Edit :
Une erreur venait du faite qu'il faut sans douter catcher le resize sur l'élément window.
Code:
$(window).on('resize', clearMenus)