Як запобігти двічі приєднувати функції, пов'язані з поведінкою?

У мене поведінка, яка додає onдо деяких прапорців.

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

Він працює дуже добре, але прапорці знаходяться в завантаженій AJAX частині. Якщо я перезавантажую цю частину форми, натискання на них двічі підтверджує. Тепер я знаю, що я можу перевірити внутрішню функцію, якщо вона вперше поспіль викликається, але я вважаю за краще переконатися, що вона додається до мого елемента лише один раз, і таким чином викликається лише один раз. Як я можу це зробити?

once()Функція допоможе з цим, наприклад ,

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

Одна з багатьох посилань

Для цього вам потрібно використовувати функцію Once (). З цієї сторінки

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

Рядок "myModule", переданий функції, встановлюється як маркер для елементів, що відповідають вибору jQuery, тому наступного разу, коли буде викликаний, ігнорує їх. Не використовуйте один і той же рядок, якщо ви викликаєте функцію одного разу кілька разів для різних цілей, інакше ви можете перемогти її призначення.

Ось приклад, який розширюється на відповідь 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.
    }
  }
};

Ви також можете це зробити:

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

ось ще один спосіб функціонування, який запускається один раз:

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

Джерело: https://www.drupal.org/forum/support/module-development-and-code-questions/2018-06-15/run-js-funtion-once-not-attach-once#comment-12654121