Javascript.RU

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

hover и iPhone
Адаптирую сайт под мобильные, и есть вопрос касаемо iPhone.

Такой вот простой скрипт:

jQuery('.class_hov').hover(
	function() {
		jQuery('.class_vip').toggle(0);
	},
	function() {
		jQuery('.class_vip'').toggle(0);
	});


Т.е. при наведении блок показывается, при убирании мышки блок скрывается. На мобильных это работает так - при нажатии блок показывается, при нажатии в другом месте - блок скрывается. Но не на iPhone, там блок показывается, но скрываться не хочет.

Есть ли какой-то фикс под это дело, так чтоб попроще был. Не хочется более сложные условия писать.
Ответить с цитированием
  #2 (permalink)  
Старый 23.10.2013, 18:30
Аватар для a_l
a_l a_l вне форума
Кандидат Javascript-наук
Отправить личное сообщение для a_l Посмотреть профиль Найти все сообщения от a_l
 
Регистрация: 15.09.2011
Сообщений: 143

jQuery('.class_vip'').toggle(0); - опечатка
Зачем два раза писать одно и то же несовсем понятно, достаточно этого:
jQuery('.class_hov').hover(function() {
  jQuery('.class_vip').toggle();
});
Ответить с цитированием
  #3 (permalink)  
Старый 24.10.2013, 03:32
Новичок на форуме
Отправить личное сообщение для RaftKorn Посмотреть профиль Найти все сообщения от RaftKorn
 
Регистрация: 22.10.2013
Сообщений: 2

a_l, да ни в этом суть, там может быть тогел, а может слайдап и слайддаун. Суть в том чтоб это на iДевайсах работало.
Ответить с цитированием
  #4 (permalink)  
Старый 24.10.2013, 08:43
Аватар для a_l
a_l a_l вне форума
Кандидат Javascript-наук
Отправить личное сообщение для a_l Посмотреть профиль Найти все сообщения от a_l
 
Регистрация: 15.09.2011
Сообщений: 143

RaftKorn, попробуйте обрабатывать события touchstart/touchend:
jQuery('.class_hov').on('mouseenter touchstart', function() {
  jQuery('.class_vip').toggle();
});
jQuery('.class_hov').on('mouseleave touchend', function() {
  jQuery('.class_vip').toggle();
});
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Не работает скрипт hover кнопки razorg1991 Элементы интерфейса 0 21.11.2012 20:37
Изменение свойства :hover по клику дива BoB jQuery 6 21.10.2012 13:36
Установка цвета через функцию .css() сбрасывает цвет для :hover xintrea jQuery 4 18.08.2012 15:38
:hover и :active у дочерних и родительских элементов Dimus Элементы интерфейса 6 03.06.2012 19:54
Изменение стиля родительского элемента при :hover дочернего lanzs Элементы интерфейса 2 16.10.2010 13:28