JQuery условно для просмотра окна с прослушивателем событий?

Question

JQuery условно для просмотра окна с прослушивателем событий?

0

Это мой внешний скрипт.

$(function(){
    $("#logo").hover(function(){
        $(this).animate({paddingTop:"0px",paddingBottom:"20px"},200);
        },function(){
            $(this).animate({paddingTop:"20px",paddingBottom:"0"},200);
            });
    });

Как я могу выполнить это действие только тогда, когда окно браузера больше 1100 пикселей, даже если пользователь самостоятельно масштабирует окно браузера, не обновляя страницу?

oceanic815 24 фев. 2014, в 01:52

Источник

1

Просто проверьте ширину браузера в обработчике событий?
Felix Kling 23 фев. 2014, в 23:58
0

Это добавляет большую задержку скрипту после изменения размера браузера. Есть ли способ выполнить внешний скрипт на основе области просмотра?
oceanic815 24 фев. 2014, в 00:08
0

Вы имеете в виду, что изменение размера браузера становится медленным? Этого не должно быть, потому что обработчик не вызывается при изменении размера. Обработчик запускается только тогда, когда кто-то наводит курсор на #logo и чтение ширины браузера не должно быть дорогим.
Felix Kling 24 фев. 2014, в 00:09

Показать ещё 1 комментарий

Теги:

jquery

1 ответ

Ещё вопросы

Просто проверьте ширину браузера в обработчике событий?
Это добавляет большую задержку скрипту после изменения размера браузера. Есть ли способ выполнить внешний скрипт на основе области просмотра?
Вы имеете в виду, что изменение размера браузера становится медленным? Этого не должно быть, потому что обработчик не вызывается при изменении размера. Обработчик запускается только тогда, когда кто-то наводит курсор на #logo и чтение ширины браузера не должно быть дорогим.

user3727486 · Answer 1 · 2014-06-10T18-31-00.000Z

$(window).resize(function() {
    if ($(window).width() >= 1100px)
        //do something
}

Будьте осторожны, если вы используете медиа-запросы, хотя иногда css и jquery запускают несколько пикселей из синхронизации. Если вы используете медиа-запрос, лучше взять элемент css и протестировать его.