Discussion :

[Slayes]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

$(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 :

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')})

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

  $(window).on('resize', clearMenus)

[psychadelic]

Ou a tu trouvé ça dans BootStrap, et dans quelle version ?

sinon, le langage Javascript permet de créer des nouveaux noms d'évènements ce qui doit être le cas ici.

Mais affecter 3 fonctions différentes sur le même event ça m'étonnerai que ça plaise à l'interpréteur..

[Slayes]

Bonjour,

Les 3 1eres lignes ".on('click" sont natives au bootstrap 3.2. J'ai récupéré un template, mais peut être le bootstrap avait déjà été modifié.
Je n'ai pas réussi à gérer ce que je voulais dans directement dans la lib, du coup j'ai contourné mon problème.

Merci de t'être intéréssé à mon sujet