Jak zapobiec dwukrotnemu dołączaniu funkcji związanych z zachowaniem?

Mam zachowanie, które dodaje się ondo niektórych pól wyboru.

(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);

Działa bardzo dobrze, ale pola wyboru znajdują się w części załadowanej do AJAX. Jeśli ponownie załaduję tę część formularza, kliknięcie ich spowoduje dwukrotne wyświetlenie potwierdzenia. Teraz wiem, że mogę przetestować funkcję wewnętrzną, jeśli jest wywoływana po raz pierwszy, ale wolałbym upewnić się, że jest dodana do mojego elementu tylko raz, a zatem wywoływana tylko raz. Jak mogę to zrobić?

once()Funkcja pomoże z tym, na przykład

(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);

Jedna z wielu referencji

Aby to osiągnąć, musisz użyć funkcji once (). Z tej strony

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

Ciąg „myModule” przekazany do funkcji jest ustawiany jako znacznik na elementach pasujących do wyboru jQuery, więc przy następnym wywołaniu ignoruje je. Nie używaj tego samego ciągu, jeśli wywołujesz funkcję raz wiele razy w różnych celach, w przeciwnym razie możesz pokonać jej cel.

Oto przykład, który rozwija się w odpowiedzi na frazras:

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.
    }
  }
};

możesz też to zrobić:

(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);

oto inny sposób, aby funkcja działała raz:

(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));

Źródło: https://www.drupal.org/forum/support/module-development-and-code-questions/2018-06-15/run-js-funtion-once-not-attach-once#comment-12654121