Задать вопрос
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?
  • Вопрос задан
  • 260 просмотров
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
Wanted. • Москва
от 250 000 до 400 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 120 000 ₽
Senior Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 420 000 ₽
Ещё вакансии