Проверка resize однократно

172
30 сентября 2017, 23:52
$(window).on('load resize', function(){
    if ($(window).width() < 768) {
        console.log(1)
    }
    else {
        console.log(2)
    }
})

Подскажите пожалуйста, как сделать чтобы проверка происходила однократно при переходе брейкпоинта, в одну и в другую сторону. То-есть

Answer 1

$(window).on('load resize', function() { 
  var oldWidth = $(window).data("oldwidth"); 
  var newWidth = $(window).width(); 
  console.log(oldWidth + " - " + newWidth); 
  if (newWidth != oldWidth) { 
    if (newWidth < 768 && (!oldWidth || oldWidth >= 768)) { 
      console.log(1) 
    } else if (newWidth >= 768 && (!oldWidth || oldWidth < 768)) { 
      console.log(2) 
    } 
    $(window).data("oldwidth", newWidth); 
  } 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

READ ALSO
Определение значений при resize и выполнение функции

Определение значений при resize и выполнение функции

Есть некий блок, например, меню или табы внутри страницыНеобходимо при прокрутке страницы, чтоб данный блок закрепился на экране, а при подъеме,...

149
Ссылка на fancybox из svg

Ссылка на fancybox из svg

Есть svg-файл со встроенными ссылками (xlink:href="url")Он подключен через <object> к index

198
Коллбеки в JavaScript

Коллбеки в JavaScript

Никак не могу разобраться с коллбеками проверьте код пожалуйста:

152