DANFA

Действие при изменении размера окна браузера (jQuery)

JavaScript
Dolphin
31.03.2017 12:37:58 pm
Решил написал о том, как выполнить, какое то действие|событие при изменении окна документа. Для этого мы будем использовать функцию .resize(), данная функция устанавливает обработчик изменения размеров окна обозревателя.
И так, подключаем библиотеку jQuery. Теперь пишем код: 
<script type="text/javascript">
$(window).resize(function() {
    vardw = $(document).width();

    if (dw > 1366) {
        // Действие при изменении размера окна
        // В случае если размер окна больше 1366px
    };
});
</script>

Вместо комментариев вставляем код, который надо выполнить, при изменении размера окна и если окно больше 1366 пикселей, то код будет выполнен. Для теста можно вывести сообщение: 
if (dw > 1366) {
    alert('Размерокна: ' + dw);
}

Вот собственно и всё.