1

Проблема в том что скрипт выполняется только после того когда я поменяю размер окна (либо увеличю/уменьшу масштаб) - как сделать так чтобы скрипт выполнялся сразу же после обновления страницы. Вроде ясно объяснил.

  $(window).resize(function(){
    var windowWidth = $(window).width();
    if(windowWidth < 1290) {
        console.log("windows size < 1290");
    }
    else {
        
    }
  });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

2 ответа 2

1
// определение обработчика resize
$(window).resize(function(){
  var windowWidth = $(window).width();
  if(windowWidth < 1290) {
    console.log("window size < 1290");
  } else {
    console.log("window size >= 1290");
  }
});

// вызов события resize после загрузки страницы
$(document).ready(function(){
  $(window).resize();
});
3
  • windowWidth где указывать?
    – stoner
    26 янв 2017 в 19:58
  • не понял. Я просто не стал копировать Ваш код внутри обработчика resize.
    – user176262
    26 янв 2017 в 20:00
  • Тупанул, спасибо. То что надо!
    – stoner
    26 янв 2017 в 20:01
1

Вы же проверяете WIDTH во время .resize()... если хотите чтобы код всегда работал, просто вставьте

jQuery(document).ready(function($){
 var windowWidth = $(window).width();
if(windowWidth < 1290) {
    console.log("windows size < 1290");
}
});
2
  • не работает, ничего не поменялось
    – stoner
    26 янв 2017 в 19:59
  • вы наверно вставляете код без document ready, я изменил свой ответ
    – Arsen
    26 янв 2017 в 20:04

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.