jQuery Girl
  1. jQuery Girl
  3. Équivalent de jQuery Toggle Event obsolète
Intereting Posts
Modal simple de base Pop up Div (script js) qui apparaît à côté du bouton de lien (texte) Append ne fonctionne pas en php / ajax L’API YouTube onPlayerReady n’est jamais appelé Interaction entre la validation JQuery et le gestionnaire de soumission de formulaire: cassé ou est-ce que je fais quelque chose de mal? redimensionner le script pour galleria La directive n’exécute pas la fonction de lien lorsque l’atsortingbut change de valeur Répéter une fonction en utilisant un tableau de valeurs Quel est le sens de .when.apply $ (null, une méthode) en jQuery? Comment obtenir l’élément Id à partir d’éléments de formulaire générés dynamicment avec jQuery? je veux savoir comment fonctionne jquery ‘delegate ou on (for delegate) IE nécessite un double clic avec un bouton personnalisé Aligner verticalement la police sans-serif avec précision à l’aide de jquery / css crash de jquery-1.8.2.js avec le navigateur Internet Explorer Détection de la position relative du snapper glissable par rapport à l’élément auquel il s’accroche (amCharts) Le graphique tire ses données d’un tableau HTML. Comment mettre à jour la légende si une nouvelle ligne de table est ajoutée dynamicment?

Équivalent de jQuery Toggle Event obsolète

La fonction Toggle Event de jQuery a été supprimée dans la version 1.9.

J’utilisais cette fonction comme suit: 

$('#example').toggle(function() { do stuff }, function() { do stuff });

Quel serait le meilleur moyen de reproduire cette fonctionnalité maintenant que Toggle Event est parti?

Chargez le MIGRATE et voyez le code ici

Voir mon post sur la même chose

Où est passé fn.toggle (gestionnaire (eventObject), gestionnaire (eventObject) …)?

J’ai suggéré qu’ils le renomment en fn.toggler au lieu de le supprimer

Voici le code – c’est un plugin jQuery autonome et peut être utilisé tel quel. 

 jQuery.fn.toggle = function( fn, fn2 ) { // Don't mess with animation or css toggles if ( !jQuery.isFunction( fn ) || !jQuery.isFunction( fn2 ) ) { return oldToggle.apply( this, arguments ); } // migrateWarn("jQuery.fn.toggle(handler, handler...) is deprecated"); // Save reference to arguments for access in closure var args = arguments, guid = fn.guid || jQuery.guid++, i = 0, toggler = function( event ) { // Figure out which function to execute var lastToggle = ( jQuery._data( this, "lastToggle" + fn.guid ) || 0 ) % i; jQuery._data( this, "lastToggle" + fn.guid, lastToggle + 1 ); // Make sure that clicks stop event.preventDefault(); // and execute the function return args[ lastToggle ].apply( this, arguments ) || false; }; // link all the functions, so any of them can unbind this click handler toggler.guid = guid; while ( i < args.length ) { args[ i++ ].guid = guid; } return this.click( toggler ); };

Version plus courte et non testée: 

 (function( $ ){ $.fn.toggler = function( fn, fn2 ) { var args = arguments,guid = fn.guid || $.guid++,i=0, toggler = function( event ) { var lastToggle = ( $._data( this, "lastToggle" + fn.guid ) || 0 ) % i; $._data( this, "lastToggle" + fn.guid, lastToggle + 1 ); event.preventDefault(); return args[ lastToggle ].apply( this, arguments ) || false; }; toggler.guid = guid; while ( i < args.length ) { args[ i++ ].guid = guid; } return this.click( toggler ); }; })( jQuery );

Cela fonctionne aussi bien. 

 $.fn.toggleClick = function(){ var functions = arguments ; return this.click(function(){ var iteration = $(this).data('iteration') || 0; functions[iteration].apply(this, arguments); iteration = (iteration + 1) % functions.length ; $(this).data('iteration', iteration); }); };