Я создаю веб-сайт, который предотвращает перезагрузку обычной страницы при щелчках по ссылкам, вместо этого извлекает контент и переключает innerHTML DIV (своего рода SPA).
Я столкнулся с проблемой, которую не могу решить, например:
Если вы нажмете ссылку «О программе», я извлечу файл about.php и вставлю его содержимое в мой DIV-контейнер (содержимое просто HTML). Теперь у меня будет несколько php-файлов, некоторые из них содержат слайдеры или галереи и т. Д., Где я запускаю функции, такие как «startSlideShow ();» после события "DOMContentLoaded". Как вы можете догадаться, функции не сработают.
Я пытался отправлять событие "DOMContentLoaded" при каждом изменении маршрута следующим образом:
window.document.dispatchEvent(new Event("DOMContentLoaded", {
bubbles: true,
cancelable: true
}));
Но это не помогло. Для таких событий, как «щелчок» или «изменение» и т. Д., Я могу просто использовать делегирование событий, подключив мои обработчики событий к моему DIV-контейнеру ... но как мне обработать событие «DOMContentLoaded» в этом сценарии? Я использую только ванильный JS.
-> Если что-то не понятно, дайте мне знать!