Не срабатывает скрипт после подгрузки постов, как исправить?

Question

[AnatoliyKarpov]

Здравствуйте, в wordpress использую плагин ajax-load-more с помощью него подгружаю посты, загруженные посты не видят скрипт, а вот статические посты нормально работают, подскажите как решить проблему?

Вот сам скрипт

const animItems = document.querySelectorAll('._anim-items');


if (animItems.length > 0) { 
   window.addEventListener('scroll' , animOnScroll);
   function animOnScroll() {
      for (let index = 0; index < animItems.length; index++) {
         const animItem = animItems[index];
         const animItemHeight = animItem.offsetHeight;
         const animItemOffset = offset(animItem).top;
         const animStart = 4;

         let animItemPoint = window.innerHeight - animItemHeight / animStart;
         if ( animItemHeight > window.innerHeight) {
            animItemPoint = window.innerHeight - window.innerHeight / animStart;
         }
         if ((pageYOffset > animItemOffset - animItemPoint) && pageYOffset < (animItemOffset + animItemHeight)) {
            animItem.classList.add('_active');
         } else {
            animItem.classList.remove('_active');
         }
      }
   }
   function offset(el) {
      const rect = el.getBoundingClientRect(),
         scrollLeft = window.pageXOffset || document.documentElement.scrollLeft,
         scrollTop = window.pageYOffset || document.documentElement.scrollTop;
      return { top: rect.top + scrollTop, left: rect.left + scrollLeft}
   }
   setTimeout(animOnScroll, 1000)
}

Comments

[Антон Литвиненко]

это скрипт не видит новые посты а не посты скрипт. почитайте про делегирование