не исполняются подгруженыне теги через ajax
Теги видно, но они не исполняются. Если в html файл с помощью ajax подгрузить файл html, то по необъяснимым причинам, теги(подгруженные) нельзя модифицировать с помощью JS. Вопрос: Как включить отображения тегов в уже построенный дом теги которые подключились через ajax? Который по видимому до подгрузки элемента, сформировала свой ДОМ и новые(подгруженные) элементы видит, но не даёт с ними взаимодействовать через скрипт. И что было проверено: скрипты подгруженные как документ html через ajax не исполняются(что можно ожидать и тут все логично).
Но самый главный вопрос так и остается не решенным(сама суть задачи и цель вопроса). Если подгрузить файл html в другой html через ajax: то он работать не будет! как подгрузить компонент или html документ чтобы он работал? Без подгрузки он прекрасно работает!
document.addEventListener("DOMContentLoaded",GoClick);
window.addEventListener("hashchange",GoClick);
document.querySelector('img').addEventListener('click',Plus);
let CountClick=+0;
function Plus(){
console.log('click');
CountClick++;
if(CountClick>=IMG.length){
CountClick=0;
}
// console.log("coutnClick"+'__'+CountClick);
for(let newi=0;newi<IMG.length;newi++){
if(IMG[newi].count==CountClick){
// console.log('nu vot'+IMG[newi].count+'__'+CountClick);
document.querySelector('img').src=IMG[newi].src;
document.querySelector('img').setAttribute('alt',IMG[newi].alt);
document.querySelector('img').setAttribute('title',IMG[newi].title);
window.location.hash='#'+IMG[newi].hash;
}
}
}
function GoClick(){
for(let aj=0;aj<IMG.length;aj++){
if(window.location.hash=='#'+IMG[aj].hash){
document.querySelector('img').src=IMG[aj].src;
document.querySelector('img').setAttribute('alt',IMG[aj].alt);
document.querySelector('img').setAttribute('title',IMG[aj].title);
// console.log(IMG[aj].count+"_"+IMG[aj].hash);
if(IMG[aj].srcset=={}){
// console.log('pusto');
}else{
document.querySelector('img').srcset=IMG[aj].srcset;
// console.log("nePusto");
}
// localStorage.setItem(CountClick,IMG[aj].count);
}
}
}
https://nasobe.ru/not-a-menu/ajax/fry.html Скрипт исполняется! ЭТот (https://github.com/amir248/gallery_from_crutches/blob/master/gallery-js-css/ok-go.js); Но тот же самый скрипт подгруженный через ajax уже не исполняется. https://nasobe.ru/experiment.html < - Галерея не включилась! ОВЕР ВАЖНО: Какие могут быть ещё реализации сингл пейдж апликейшена с возможностью подгрузки? По тому же принципу что и компоненты, потому что в этом случае компоненты не отображаются(точнее отображаются, но не исполняются). Заранее спасибо! Свято надеюсь на понимание.