Wie alterniere ich Funktionsaufrufe bei Klickereignissen?

Abwechselnde Funktionsaufrufe mit Klickereignissen

Frage:

Wie kann ich verschiedene Funktionen ausführen, wenn auf ein Element geklickt wird? Mit jedem weiteren Klick zwischen ihnen wechseln?

Antwort:

jQuery bietet eine alternative Version der .toggle()-Methode, die speziell für diesen Zweck entwickelt wurde, obwohl dies inzwischen der Fall ist veraltet. Es gibt alternative Ansätze, wie zum Beispiel das Erstellen eines benutzerdefinierten Plugins, das die gewünschte Funktionalität bereitstellt.

Verwendung der veralteten .toggle()-Methode:

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

Benutzerdefiniertes 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
});

Hinweise:

• Das benutzerdefinierte Plugin kann für jedes Ereignis verwendet werden, nicht nur für Klicks.
• Es akzeptiert eine beliebige Anzahl von Funktionen, die abwechselnd ausgeführt werden.
• Die veraltete Methode .toggle() kann in komplexen Szenarien zu Leistungsproblemen führen.

Das obige ist der detaillierte Inhalt vonWie alterniere ich Funktionsaufrufe bei Klickereignissen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!