Мне нужна помощь в определении, почему моя страница, использующая Ленивая загрузка jQuery библиотека , не работает правильно. Один элемент или календарь отображается правильно, а другой - нет. Я заключаю содержимое div в класс <div class='lazyload'>
, как указано:
...
<div class='main regularslider owac'>
<div class='lazyload'>
<script type='text/lazyload'>
...
</script>
</div>
...
Обратите внимание, что JavaScript не был произведен мной. Я использую этот плагин для вдохновения (большая часть PHP и все JavaScript идентичны тем, что есть у меня): https://wordpress.org/plugins/availability-calendar/
Вот мой пример сети страница: https://applicable-owl.jurassic.ninja/apartments/
Я ожидаю увидеть оба календаря с нажимаемыми кнопками с обеих сторон календаря, но один календарь всегда выводит всю коллекцию элементов в линейной последовательности без с любым связанным JavaScript с ним для рендеринга кнопок.
Обратите также внимание, что это сайт WordPress и использует два шорткода для рендеринга содержимого календаря, с одним шорткодом и другим. Итак, у меня есть это с шорткодами:
[availabilitycalendar apartment="2" language="EN"]
[availabilitycalendar apartment="2" language="EN"]
Я пытаюсь увеличить скорость страницы, потому что без ленивой загрузки страница должна ждать создания всех элементов div.
Ссылка на соответствующий PHP, ответственный за это: https://plugins.trac.wordpress.org/browser/availability-calendar/trunk/public/includes/frontend.php#L104
А для JavaScript (похоже, используется Slick как вдохновение): https://plugins.trac.wordpress.org/browser/availability-calendar/trunk/public/js/owac.js