Есть сайт:
https://bit.ly/green-ex
В нем есть проблема: иногда не срабатывают скрипты и весь js не подгружается. Например слайдер swiper:
вот так хорошо и js подгружается:
а вот так нет:
Проблема возникает через раз после перезагрузки страницы. Что-то перекрывает 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