Comment remplacer précédemment fixé jquery gestionnaire d'événement?

Dans mon code, un gestionnaire d'événements pour un élément est de définir les changements que l'élément css hauteur de 100px. À quelque part d'autre, je veux un autre gestionnaire d'événements à exécuter si certaines conditions se rencontrent, qui devrait remplacer le précédent gestionnaire d'événement et d'en changer la hauteur de 200px.

Est-il un moyen de le faire, ou pour effacer toutes les données déjà de définir des gestionnaires d'événements pour un élément?

  • Vous pouvez vérifier les conditions à l'intérieur du gestionnaire d'événement, non?
InformationsquelleAutor Click Upvote | 2012-12-28
  1. 16

    Oui, il suffit d'utiliser .off(), comme

    $('selector').off('eventname')
    • Nice! Bon travail haha
    InformationsquelleAutor zerkms
  2. 3

    C'est un peu un hack, mais il semble que vous essayez de pirater sur quelqu'un d'autre code, sans la possibilité de le modifier directement, de sorte que peut-être ce que vous avez à recourir à l'.

    Si vous avez juste besoin d'appeler quelque chose après leur document.ready() et vous n'avez pas le contrôle de l'ordre des document.ready() états, alors vous pouvez mettre un peu de code dans un court délai d'attente comme ça à l'intérieur de votre document.prêt gestionnaire:

    $(document).ready(function() {
    setTimeout(function() {
        $('selector').off('eventname').on(your event handler here);
    }, 1);
});

    La setTimeout() vais courir APRÈS tous les documents.prêt() les gestionnaires ont couru.

    • Est-il un code pour vérifier si des événements ont été fixés pour l'élément donné ou pas. Si je pouvais faire: if ( $(ele).hasHandler('click') ) /*clear event/* else setTimeout(this, 1000);, afin de s'assurer que l'événement a été mis en avant que ma fonction est appelée
    • il n'y a pas besoin de vérifier d'abord. Juste supprimer tout appliqué auparavant gestionnaires, puis de brancher votre propre. Si il n'y en avait pas, suppression ne sera tout simplement ne rien faire. Pour info, cela ne fonctionne que pour jQuery appliqué les gestionnaires d'événements, de ne pas plaine javascript appliqué gestionnaires.
    • Droit, mais si j'ai pu vérifier avant de l'enlever, cela fonctionne de manière plus fiable, e.g vérifier si l'événement est définie, si oui, supprimer & établir de nouvelles, si non, vérifier de nouveau 1 sec plus tard, répétez
    • À moins que le code est également le réglage du gestionnaire d'événement sur une minuterie (dans ce cas, maintenant, vous êtes vraiment en train de faire un hack), il n'est pas nécessaire de multiplier les vérifications/timers. S'il est réglé sur le document.prêt, alors votre ensemble de l'horloge à partir d'un document.prêt d'APRÈS tous les documents.prêt gestionnaires.
    • pouvez-vous répondre à la question? 🙂
    • Je ne connais pas la réponse. Quelque part enfoui dans jQuery est un moyen d'obtenir d'autres jQuery gestionnaires d'événements, mais je ne sais pas personnellement. Vous la trouverez. Ma recommandation est qu'il n'est pas nécessaire et il est probablement beaucoup plus propre façon de résoudre le problème, mais vous n'avez pas divulgués grande partie du problème et déjà sélectionné une meilleure réponse donc, apparemment, votre question de départ est déjà répondu à votre satisfaction.
    • vous pouvez le faire en utilisant quelque chose comme ceci: jsfiddle.net/zerkms/7w5Xk jQuery source de référence: github.com/jquery/jquery/blob/master/src/event.js#L20

    InformationsquelleAutor jfriend00
  3. 1

    D'une autre manière:

    $(window).on('load', function() {
   $('selector').off('eventname').on(your event handler here);
});

    Charge est exécuté après le document prêt

    InformationsquelleAutor Alain