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 answer에서 확장되는 예는 다음과 같습니다.
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.
}
}
};Drupal.behaviors.checkOnce = { attach: function (context, settings) { if (context === document) { check(); } function check() { //code } } };이 경우 check()컨텍스트가 다음과 같은 경우 기능이 한 번만 실행됩니다.document
당신은 또한 이것을 할 수 있습니다 :
(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));