Comment alterner les appels de fonction sur les événements de clic ?

Appels de fonction alternés avec des événements de clic

Question :

Comment puis-je exécuter différentes fonctions lorsqu'un élément est cliqué, en alternant entre eux à chaque tour successif cliquez ?

Réponse :

jQuery propose une version alternative de la méthode .toggle() spécialement conçue à cet effet, bien qu'elle soit depuis obsolète. Il existe des approches alternatives, telles que la création d'un plugin personnalisé qui fournit la fonctionnalité souhaitée.

Utilisation de la méthode obsolète .toggle() :

$('#element').toggle(function() {
  // Function 1
}, function() {
  // Function 2
});

Coutume Plugin :

(function($) {
  $.fn.clickToggle = function(func1, func2) {
    var funcs = [func1, func2];
    this.data('toggleclicked', 0);
    this.click(function() {
      var data = $(this).data();
      var tc = data.toggleclicked;
      $.proxy(funcs[tc], this)();
      data.toggleclicked = (tc + 1) % 2;
    });
    return this;
  };
}(jQuery));

$('#element').clickToggle(function() {
  // Function 1
}, function() {
  // Function 2
});

Remarques :

• Le plugin personnalisé peut être utilisé pour n'importe quel événement, pas seulement en cliquant.
• Il accepte un nombre arbitraire de fonctions à exécuter en alternance.
• La méthode obsolète .toggle() peut provoquer problèmes de performances dans des scénarios complexes.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!