Событие DOMContentLoaded для динамического содержимого

Question

Я создаю веб-сайт, который предотвращает обычную перезагрузку страницы при щелчках по ссылкам, вместо этого выбирает контент и переключает innerHTML DIV (своего рода SPA).

Я столкнулся с проблемой, которую не могу решить, например:

Если вы нажмете на ссылку "О программе", я извлечу файл about.php и вставлю его содержимое в мой DIV-контейнер (содержимое просто HTML). Теперь у меня будет несколько php-файлов, некоторые из них содержат слайдеры или галереи и т. Д., Где я запускаю такие функции, как "startSlideShow();" после события "DOMContentLoaded". Как вы можете догадаться, функции не сработают.

Я пытался отправить событие "DOMContentLoaded" при каждом изменении маршрута следующим образом:

window.document.dispatchEvent(new Event("DOMContentLoaded", {
   bubbles: true,
   cancelable: true
}));

Но это не помогло. Для таких событий, как "щелчок" или "изменение" и т. Д., Я могу просто использовать делегирование событий, подключив мои обработчики событий к моему DIV-контейнеру... но как мне обработать событие "DOMContentLoaded" в этом сценарии? Я использую только ванильный JS. -> Если что-то не понятно, дайте мне знать!