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 :
$(document) => Sélection du document
Code : Sélectionner tout - Visualiser dans une fenêtre à part $(document).on('click.bs.dropdown.data-api', clearMenus)
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 :
Cela vient sans doute du faite que je n'ai pas tout compris.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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')})
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 : Sélectionner tout - Visualiser dans une fenêtre à part $(window).on('resize', clearMenus)
Partager