Форум программистов, компьютерный форум, киберфорум
Наши страницы
jQuery
Войти
Регистрация
Восстановить пароль
 
Рейтинг 5.00/3: Рейтинг темы: голосов - 3, средняя оценка - 5.00
vooduq
69 / 69 / 22
Регистрация: 06.06.2013
Сообщений: 404
1

.hover() без залипания

20.08.2013, 13:31. Просмотров 529. Ответов 3
Метки нет (Все метки)

как сделать так, чтоб события ховера не накладывались друг на друга, а включались скажем с задержкой 300 милисек, чтобы не собиралась очередь

Добавлено через 1 минуту
Javascript
1
2
var time = 300;
$('.whatbut').find('span').hover(function(){$(this).parent().find('.whatbutton-content').fadeIn(time);},function(){$(this).parent().find('.whatbutton-content').fadeOut(time);});
jsBin

спасибо
0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
20.08.2013, 13:31
Ответы с готовыми решениями:

Нужно при клике, исключить события hover, во. И еще глюки .hover. Отключение .hover в случае активации .click
Нужно при клике, исключить события hover, во. И 1. Глюки .hover: При...

Дублирование hover
Здравствуйте. Прошу помощи - все мозги себе поломал. Задача такая: Есть...

Имитация hover
Доброго времени суток. Подскажите пожалуйста как имитировать событие hover? Я...

.hover() не работает
Есть скрипт $('#sf_submit').mouseover(animate_sf());...

Убрать hover
Здравствуйте дорогие друзья) Подскажите как решить такую проблему: ...

3
vovandr
631 / 519 / 194
Регистрация: 19.08.2013
Сообщений: 1,400
20.08.2013, 13:32 2
В цепочку вызовов перед вызовом fadeIn() поставь delay(300)
0
vooduq
69 / 69 / 22
Регистрация: 06.06.2013
Сообщений: 404
20.08.2013, 13:39  [ТС] 3
не то, нужно глобальное условие if() перед событием, которое будет проверять было ли оно активировано 300 милисек назад и только после запускать
0
vovandr
631 / 519 / 194
Регистрация: 19.08.2013
Сообщений: 1,400
21.08.2013, 11:49 4
Ага, понял, что ты хотел сделать. Вот так можно запилить...правда я бы потом посидел еще и поэлегантнее сделал
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
(function(){
 
        var time = 300;
        var timerFunc;
        
        $('.whatbut').find('span').hover(function(e){
                                                                                  
         if($that.hasClass('open')===true){ 
            return;
         }
 
         $(this).addClass('open');   
 
         timerFunc = setTimeout(function(){
 
            $('.whatbut').parent().find('.whatbutton-content').stop(true,true).fadeIn(time);
 
            $(this).removeClass('open');
            
         }, time);
    
           
        } ,function(){
 
            if(timerFunc){
                clearTimeout(timerFunc);
                $(this).removeClass('open');
            }
 
          $(this).addClass('flag');
          
          $(this).parent().find('.whatbutton-content').stop(true,true).fadeOut(time);
 
    });
 
    }());
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
21.08.2013, 11:49

Задать hover
style.hover.marginLeft ='22px'; Как задать hover в javascriprt?

Анимация :hover
Всем привет! У меня такой вопрос, я написал такую анимацию: <div id="axis"...

Функция hover()
Здравствуйте вот такой вопрос. Нужно чтоб при наведении на элемент, менялся...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru