Предотвращение размытия jQuery при запуске при использовании клавиши TAB

74
7

Работа с мобильной версией сайта с фиксированным заголовком. Поскольку iPhones нажимают заголовки вверх и пока клавиатура сдвигается вверх, а затем падает обратно... Я решил скрыть это с помощью jQuery.

Прекрасно работает... кроме того, когда вы нажимаете кнопки со следующими/предыдущими. Затем заголовок будет пульсировать, потому что событие размытия запускается.

Я написал здесь скрипку. Я пробовал много разных решений, но не нашел того, что работает.

$(".input").focus(function () {
$('header').fadeTo("fast", 0).css('z-index', 1);
})
$('.input').delay(100).blur(function () {
$('header').fadeTo("fast", 1).css('z-index', 3);
});

спросил(а) 2013-04-04T22:34:00+04:00 7 лет, 11 месяцев назад
1
Решение
105

Добавляя stop к вашему focus и небольшую delay перед тем, как затухание должно сделать:

$(".input").focus(function() {
$('header').stop(true).fadeTo("fast", 0).css('z-index', 1);
});

$('.input').blur(function() {
$('header').delay(100).fadeTo("fast", 1).css('z-index', 3);
});

http://jsfiddle.net/VVeL9/7/

ответил(а) 2013-04-04T22:38:00+04:00 7 лет, 11 месяцев назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема