Davranışa bağlı işlevlerin iki kez eklenmesini nasıl önleyebilirim?

onBazı onay kutularına ekleyen bir davranış var .

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

Çok iyi çalışıyor, ancak onay kutuları AJAX yüklü kısımda. Formun bu bölümünü yeniden yüklersem, üzerlerine tıklamak onay penceresini iki kez yapar. Şimdi, bir satırda ilk kez çağrılırsa fonksiyonun içinde test edebileceğimi biliyorum, ancak öğeme yalnızca bir kez eklendiğinden ve böylece yalnızca bir kez çağrıldığından emin olmayı tercih ederim. Bunu nasıl yapabilirim?

once()Fonksiyonu olduğunu, örneğin yardımcı olacaktır

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

Birçok referanstan biri

Bunu başarmak için once () işlevini kullanmanız gerekir. Gönderen bu sayfada

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

İşleve geçirilen "myModule" dizesi, jQuery seçimiyle eşleşen öğeler üzerinde bir işaretçi olarak ayarlanır, bu nedenle bir dahaki sefere çağrıldığında bunları yok sayar. Bir kez işlevini farklı amaçlar için birden çok kez çağırırsanız aynı dizeyi kullanmayın, aksi takdirde amacını yenebilirsiniz.

Frazras cevabı üzerine genişleyen bir örnek:

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

bunu da yapabilirsiniz:

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

İşte bir kez çalışan bir işleve sahip olmanın başka bir yolu:

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

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