#javascript #html #jquery #css #preloader
#javascript #HTML #jquery #css #предварительный загрузчик
Вопрос:
Предварительный загрузчик, который я внедрил на свой веб-сайт, загружается неопределенно долго. Он продолжает загружаться и никогда не переходит на домашнюю страницу веб-сайта, и я не совсем уверен, в чем проблема, поскольку проблема началась без того, чтобы я, по-видимому, что-либо менял.
HTML-код для предварительного загрузчика:
<link href="https://fonts.googleapis.com/css?family=Poppins:100,200,400,300,500,600,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,600,700,900" rel="stylesheet">
<!--
CSS
============================================= -->
<link rel="stylesheet" href="css/linearicons.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="css/nice-select.css">
<link rel="stylesheet" href="css/animate.min.css">
<link rel="stylesheet" href="css/owl.carousel.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" type="text/css" href="vendor/bootstrap/css/bootstrap.min.css">
<!--===============================================================================================-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="vendor/animate/animate.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="vendor/css-hamburgers/hamburgers.min.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="vendor/animsition/css/animsition.min.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="vendor/select2/select2.min.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="vendor/daterangepicker/daterangepicker.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="css/util.css">
<link rel="stylesheet" type="text/css" href="css/maincontact.css">
</head>
<body>
<!-- Start Preloader Area -->
<div class="preloader-area">
<div class="loader-box">
<div class="loader"></div>
</div>
</div>
<!-- End Preloader Area -->
Javascript:
//------- Pre Loader --------//
$(window).on('load', function () {
$(".preloader-area").delay(200).fadeOut(500);
})
Это единственный код, к которому вообще обращались с момента, когда предварительный загрузчик начал загружаться неопределенно долго. Я был бы признателен за любые предложения.
Комментарии:
1. Пожалуйста, предоставьте более подробную информацию о том, как вы показываете / скрываете предварительный загрузчик.
2. Спасибо, что указали на это. Я также добавил javascript.
3. Ваша функция window .on load не выполняется. Убедитесь, что вы включили файл jquery над этим скриптом. Это может помочь — загрузка окна в состоянии готовности может не запускаться. — github.com/jquery/jquery/issues/3194 . Также — <link rel=»stylesheet» type=»text / css» href=»vendor / animsition/css /animsition.min.css»> — Это правильно? Или орфографическая ошибка в word — анимации?
4. На самом деле это сработало. Спасибо!