heinetz: Funktion mit Parameter aufrufen

Beitrag lesen

Hallo Forum,

nun sieht mein Code folgendermassen aus:

import forEach from '../../../javascripts/dom/forEach';

const imageSlider = document.querySelectorAll('[data-js-module="o-image-slider"]');

const init = async () => {
  const {
    tns
  } = await import('../../../../node_modules/tiny-slider/src/tiny-slider.module');

  forEach(imageSlider, (index, element) => {
    
    const debounce = function(func, wait, scope) {
      ...
    };

    const render = function(info) {
      console.log('render');
      ...
    };

    const slider = tns({
      ...
      onInit: render
    });

    window.addEventListener('resize', debounce(render, 250, slider.getInfo()));
    document.addEventListener('DOMContentLoaded', function() {
      console.log('DOM A');
    });
  });
};

if (imageSlider.length) {
  init();
}

document.addEventListener('DOMContentLoaded', function() {
  console.log('DOM B');
});

Das Skript funktioniert nun und ich versuche gerade, es um den Event-Handler 'DOMContentLoaded' zu erweitern. Den habe ich zum Test an zwei Stellen eingebaut aber er wird nur einmal getriggert (Ausgabe ist 'DOM B'). Ich bräuchte ih allerdings eher an der anderen Stelle (Ausgabe wäre 'DOM A'). Warum funktioniert er dort nicht bzw. gibt es eine Möglichkeit, ihn an der Stelle zum Laufen zu bringen?

danke und gruss, heinetz