@ynashyvan

Перекрывание js кода на сайте?

Есть сайт:
https://bit.ly/green-ex
В нем есть проблема: иногда не срабатывают скрипты и весь js не подгружается. Например слайдер swiper:
вот так хорошо и js подгружается:
image.png
а вот так нет:
image.png

Проблема возникает через раз после перезагрузки страницы. Что-то перекрывает js код, но не могу понять что:

$(document).ready(function() {

    var swiper = new Swiper('.swiper-container', {
        slidesPerView: 1,
        spaceBetween: 20,
        breakpoints: {
            // when window width is >= 120px
            120: {
                slidesPerView: 1,
                spaceBetween: 20
            },
            // when window width is >= 420px
            420: {
                slidesPerView: 2,
                spaceBetween: 20
            },
            // when window width is >= 768px
            768: {
                slidesPerView: 3,
                spaceBetween: 20
            },
            // when window width is >= 992px
            992: {
                slidesPerView: 4,
                spaceBetween: 20
            }
        },
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
    });

    $(function(){
        $('.navbar-toggler').on('click', function(){
            $('.navbar-mobile').toggleClass('menu-mobile-active');
        });
    });

    $(function(){
        $('.menu-mobile-close').on('click', function(){
            $('.menu-mobile-active').toggleClass('menu-mobile-active');
        });
    });



    // $(function(){
    //     $('.track-package-link').on('click', function(){
    //         $(".track-package-tab").css("display", "block");
    //         $(".send-package-tab").css("display", "none");
    //     });
    // });

    // $(function(){
    //     $('.send-package-link').on('click', function(){
    //         $(".track-package-tab").css("display", "none");
    //         $(".send-package-tab").css("display", "block");
    //     });
    // });



    $(function(){
        $('.slider-next').on('click', function(){
            $(".slide1").css("display", "none");
            $(".slide2").css("display", "block");
        });
    });

    $(function(){
        $('.slider-prev').on('click', function(){
            $(".slide1").css("display", "block");
            $(".slide2").css("display", "none");
        });
    });

});


Сайт стоит на laravel
  • Вопрос задан
  • 69 просмотров
Решения вопроса 1
@xSoal
<script src="https://greenex.md/js/scripts.js" defer></script>

вниз
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
08 нояб. 2024, в 21:09
8000 руб./за проект
08 нояб. 2024, в 20:58
1000 руб./за проект
08 нояб. 2024, в 20:30
10000 руб./за проект