Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 07.04.2014, 21:45
Профессор
Отправить личное сообщение для Telnet Посмотреть профиль Найти все сообщения от Telnet
 
Регистрация: 21.02.2011
Сообщений: 160

Задержка на всплытие меню
Использую такую стандартную функцию для показа меню
$('.list-box').hover(
	function(){
	  $(this).find('.dropdown-list').slideDown();
	},
	function(){
	  $(this).find('.dropdown-list').slideUp();
	});


Как бы сделать так что оно всплывало только если курсор остановился на д элементом list-box хотя пол секунды
Ответить с цитированием
  #2 (permalink)  
Старый 08.04.2014, 08:38
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,215

Сообщение от Telnet
Как бы сделать так что оно всплывало только если курсор остановился на д элементом list-box хотя пол секунды
При наведении запускать setTimeout(), который и будет делать "открытие"... При убирании мыши - удалять тот setTimeout()...
Ответить с цитированием
  #3 (permalink)  
Старый 08.04.2014, 08:40
Аватар для Tek
Tek Tek вне форума
Профессор
Отправить личное сообщение для Tek Посмотреть профиль Найти все сообщения от Tek
 
Регистрация: 22.02.2012
Сообщений: 212

Можно так http://jsfiddle.net/bALz3/3/
Ответить с цитированием
  #4 (permalink)  
Старый 08.04.2014, 22:19
Профессор
Отправить личное сообщение для Telnet Посмотреть профиль Найти все сообщения от Telnet
 
Регистрация: 21.02.2011
Сообщений: 160

http://jsfiddle.net/vipTelnet/gbNL3/

Вот так все это у меня смотрится пробовал делать как предлагает TEK не получилось
Ответить с цитированием
  #5 (permalink)  
Старый 10.04.2014, 11:02
Профессор
Отправить личное сообщение для Telnet Посмотреть профиль Найти все сообщения от Telnet
 
Регистрация: 21.02.2011
Сообщений: 160

$('.list-box').hover(
	function(){	
		var $this = $(this);
		timeount = setTimeout(function () {
			$this.find('.dropdown-list').slideDown('fast');
		}, 200);
	},
	function(){
		var $this = $(this);
		clearTimeout(timeount);
		timeount = setTimeout(function () {			
				$this.find('.dropdown-list').slideUp('fast');
		}, 200);
	});

Спасибо Tek у меня сразу не сработало потому что я this не правильно передавал
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Задержка свертывания выпадающего меню Сергей123 Элементы интерфейса 11 31.01.2018 15:52
Задержка перед появлением второго уровня меню esergion jQuery 4 01.07.2016 19:48
Выделение активных пунктов многоуровневого меню на jQuery Letto Элементы интерфейса 2 04.12.2013 15:30
Задержка в выпадающем меню apster Элементы интерфейса 4 22.05.2013 22:05
Проблема с аккордионом и меню Tie ExtJS 3 01.09.2011 14:36