Задать вопрос
kentuck1213
@kentuck1213
javascript

Как правильно загрузить контент через load?

<body>

<div class="upload"></div>

<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.easings.min.js"></script>
<script type="text/javascript" src="js/jquery.multiscroll.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/waypoints.min.js"></script>
<script src="js/animate-css.js"></script>
<script src="js/main.js"></script>
<script type="text/javascript">
    if ($(window).width() >= 992) {
        $('div.upload').load('load.html');
    } else {
        $('div.upload').load('main.html');
    }

Как грузит :
05588fe7b5fe4df0804b711e02cbf93d.png
В load.html хранится простая html разметка.
Как будет грузить с alert - ом
if ($(window).width() >= 992) {
        $('div.upload').load('load.html');
        alert('123');
    } else {
        $('div.upload').load('main.html');
    }
662021c1f6e34bc5ba86de9f66192c37.png
Сперва всплывает Alert и потом все нормально грузит.
Как правильно под грузить load.html?
  • Вопрос задан
  • 258 просмотров
1 комментарий
Подписаться 1 Оценить 1 комментарий
Пригласить эксперта
Ответы на вопрос 3
@p1rat495 
if ($(window).width() >= 992) {
$.ajax({
         url: "load.html",
         success: function (data) { 
           $('div.upload').html(data);
         }
});
    } else {
$.ajax({
         url: "main.html",
         success: function (data) { 
           $('div.upload').html(data);
         }
});
}

или же попробовать, будет ли правильно грузиться, без подключения
<script type="text/javascript" src="js/jquery.multiscroll.min.js"></script>
Ответ написан
Комментировать
Комментировать
edli007
@edli007
full stack, team lead
А вы слышали о блокирующих операциях? Наверное остальным просто стыдно было написать почему алерт используют только новички.
Ответ написан
2 комментария
2 комментария
magalex
@magalex
Архитектор распределённых систем управления
Попробуйте так:
$( function(){
    if ($(window).width() >= 992) {
        $('div.upload').load('load.html');
    } else {
        $('div.upload').load('main.html');
    }
}
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 120 000 до 180 000 ₽
JavaScript Developer (backend / fullstack)
Brightdata • Тель-Авив
от 5 500 до 6 500 $
Frontend Developer (JavaScript)
R2C
До 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Сделать слайдер каталога карточек на сайте Wordpress
29 июн. 2024, в 09:20
1111 руб./за проект
Создать логотип
29 июн. 2024, в 07:14
3000 руб./за проект
Разработка приложения на Flutter
15 июн. 2024, в 13:31
1400 руб./в час
Ещё заказы