Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   hover и iPhone (https://javascript.ru/forum/misc/42343-hover-i-iphone.html)

RaftKorn 22.10.2013 21:23

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

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

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


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

Есть ли какой-то фикс под это дело, так чтоб попроще был. Не хочется более сложные условия писать.

a_l 23.10.2013 18:30

jQuery('.class_vip'').toggle(0); - опечатка
Зачем два раза писать одно и то же несовсем понятно, достаточно этого:
jQuery('.class_hov').hover(function() {
  jQuery('.class_vip').toggle();
});

RaftKorn 24.10.2013 03:32

a_l, да ни в этом суть, там может быть тогел, а может слайдап и слайддаун. Суть в том чтоб это на iДевайсах работало.

a_l 24.10.2013 08:43

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();
});


Часовой пояс GMT +3, время: 18:51.