Wie kann verhindert werden, dass verhaltensbezogene Funktionen zweimal angehängt werden?

Ich habe ein Verhalten, ondas einige Kontrollkästchen ergänzt.

(function($) { 
  Drupal.behaviors.mymodule = {
    attach: function (context, settings) {

      $('.skip-line', context).on('change', function(){
        // some code
        if ( confirm(Drupal.t('Apply to all languages?')) ) {
          // applying...
        }
      });
    }
  };
})(jQuery);

Es funktioniert sehr gut, aber Kontrollkästchen befinden sich im AJAX-geladenen Teil. Wenn ich diesen Teil des Formulars neu lade, wird durch zweimaliges Klicken ein Bestätigungs-Popup angezeigt. Jetzt weiß ich, dass ich die Innenfunktion testen kann, wenn sie zum ersten Mal in Folge aufgerufen wird, aber ich möchte lieber sicherstellen, dass sie nur einmal zu meinem Element hinzugefügt und daher nur einmal aufgerufen wird. Wie kann ich das machen?

Die once()Funktion hilft dabei, z

(function($) { 
   Drupal.behaviors.mymodule = {
    attach: function (context, settings) {

      $('.skip-line', context).once('mymodule').on('change', function(){
        // some code
        if ( confirm(Drupal.t('Apply to all languages?')) ) {
          // applying...
        }
      });
    }
  };
})(jQuery);

Eine der vielen Referenzen

Sie müssen die Funktion Once () verwenden, um dies zu erreichen. Von dieser Seite

Drupal.behaviors.myModule = {
  attach: function (context, settings) {
    $('element', context).once('myModule', function () {
     // any behavior is now applied once
    });
  }
};

Die an die Funktion übergebene Zeichenfolge "myModule" wird als Markierung für die Elemente festgelegt, die mit der jQuery-Auswahl übereinstimmen, sodass sie beim nächsten Aufruf ignoriert werden. Verwenden Sie nicht dieselbe Zeichenfolge, wenn Sie die Funktion Once einmal für verschiedene Zwecke aufrufen. Andernfalls können Sie ihren Zweck umgehen.

Sie können dies auch tun:

(function ($, Drupal, drupalSettings) {
    'use strict';
Drupal.behaviors.someThing = {
        attach: function (context) {
            if (context === document) {
               console.log('called inside'); // Once <-- 
            }
            console.log('called outside'); // can be manny manny  <-- 
         },
    };
})(jQuery, Drupal, drupalSettings);

Hier ist eine andere Möglichkeit, eine Funktion zu haben, die einmal ausgeführt wird:

(function($, Drupal) {

  var initialized;

  function init() {
    if (!initialized) {
      initialized = true;
      // Add your one-time only code here
    }
  }

  Drupal.behaviors.someKey = {
    attach: function() {
      init();
    }
  };

}(jQuery, Drupal));

Quelle: https://www.drupal.org/forum/support/module-development-and-code-questions/2018-06-15/run-js-funtion-once-not-attach-once#comment-12654121

Hier ist ein Beispiel, das die Antwort von frazras erweitert:

var searchPagesFoundationAccordionInit = false;
Drupal.behaviors.searchPagesFoundationAccordionInit = {
  attach: function (context, settings) {
    // Attempt to resolve behavior being called multiple times per page load.
    if (context !== document) {
      return;
    }
    if (!searchPagesFoundationAccordionInit) {
      searchPagesFoundationAccordionInit = true;
    }
    else {
      return;
    }

    // Check if component exists.
    if ($('.view-style--search-page .search-section__sidebar .accordion').length > 0) {
     // Code here.
    }
  }
};