Help! На Iphone в сафари, кликается див только со второго раза

12
M9
На сайте с 25.10.2011
Offline
25
1268

Всем привет, имеется сайт - http://stranacvetov.com/catalog/assortiment/rozy-david-austin/#_

Справа ниже имеются цветовые фильтры. Покликав по ним мышью мы можем увидеть их работы. Проблема лишь на Iphone в Safari, там при первом тыке по крушку пальцем фильтр сначала как-бы выделяется, при втором тыке он уже задействован.

Подскажите пожалуйста, как решить проблему!

Нужно позарез!

DiAksID
На сайте с 02.08.2008
Offline
218
#1

тултип уберите - скрипт тултипа должен отрабатывать только на десктопах. на thouch устройствах на первый клик тултип открывается, если он есть, а он на thouch-гаджете как раз и не нужен...

show must go on !!!...
M9
На сайте с 25.10.2011
Offline
25
#2
DiAksID:
тултип уберите - скрипт тултипа должен отрабатывать только на десктопах. на thouch устройствах на первый клик тултип открывается, если он есть, а он на thouch-гаджете как раз и не нужен...

Тогда нужно проверить Iphone ли это и Safari ли это и тогда уже убирать тултип.

Как такое можно сделать?

DiAksID
На сайте с 02.08.2008
Offline
218
#3

броузер и конкретная модель гаджета тут не причём - надо просто проверить touch это устройство или нет, типо так:


;(function( document, undefined ) {
if ( document.createTouch === undefined ) {
...подключаем тултипы...
}
})( document );
M9
На сайте с 25.10.2011
Offline
25
#4
DiAksID:
броузер и конкретная модель гаджета тут не причём - надо просто проверить touch это устройство или нет, типо так:

;(function( document, undefined ) {
if ( document.createTouch === undefined ) {
...подключаем тултипы...
}
})( document );

Дело в том что на других устройствах то все ок. Это только в Iphone и только в Safari.

Боюсь заказчик будет не доволен если убрать тултипы полностью.

DiAksID
На сайте с 02.08.2008
Offline
218
#5

мда, повезло "заказчику" 😂 ещё раз написать? на любом touch устройстве тултипы бесполезны и только мешают, если не блокируются системно, нет там курсора. что непонятно в этой фразе?

не доходит - парсите юзер агент тогда, тоже не фокус...

M9
На сайте с 25.10.2011
Offline
25
#6
DiAksID:
мда, повезло "заказчику" 😂 ещё раз написать? на любом touch устройстве тултипы бесполезны и только мешают, если не блокируются системно, нет там курсора. что непонятно в этой фразе?

не доходит - парсите юзер агент тогда, тоже не фокус...

Понял) Спасибо, завтра попробую.

J
На сайте с 21.08.2011
Offline
78
#7
DiAksID:
мда, повезло "заказчику" ещё раз написать? на любом touch устройстве тултипы бесполезны и только мешают, если не блокируются системно, нет там курсора. что непонятно в этой фразе?

не доходит - парсите юзер агент тогда, тоже не фокус...

А если юзается тач + мышка? Есть и такие, и, в скором времени, таких будет много.

metaller92:
Боюсь заказчик будет не доволен

Я бы на его месте был больше недоволен тайтлами и дескрипшенами страниц, а также ссылками на продукты. Пофиг на тач/ховер и прочую ерунду, когда такой кошмар в основе...

DiAksID
На сайте с 02.08.2008
Offline
218
#8
Jovian:
А если юзается тач + мышка? Есть и такие, и, в скором времени, таких будет много.

таких уже много, но только функционально это прежде всего устройства "touch + нормальная клава", а мышка в них идёт как третьестепенное устройство ввода типа игровой панели т.к. touch экран удобнее, органичнее и экономнее по использованию чем любая мышь или тач-пад. другими словами последнее, что придёт в голову 99% юзверей это присоединять к планшенику с USB мышку 😂

так что если документ отлавливает touch events => все hover эффекты идут лесом адназначна....

J
На сайте с 21.08.2011
Offline
78
#9
DiAksID:
таких уже много, но только функционально это прежде всего устройства "touch + нормальная клава", а мышка в них идёт как третьестепенное устройство ввода типа игровой панели т.к. touch экран удобнее, органичнее и экономнее по использованию чем любая мышь или тач-пад. другими словами последнее, что придёт в голову 99% юзверей это присоединять к планшенику с USB мышку

В корне не согласен, когда речь идёт о "конвртэйблах" -- планшне-ноут в одном флаконе -- и о компах-мониторах "всё в одном" с тач-скрином.

С этими девайсами очень часто будет использоваться именно мышь. ;)

Как ни крути, надо проектировать так, чтобы везде юзабилити было отличным.

Я вот сейчас сайтик один переделываю, и проблема RWD+touch+noutouch ставит весьма нетривиальные задачки, когда дело касается связки юзабилити-дизайн-скорость-совместимость. Особенно бесит тот факт, что никак не вымрут юзеры ИЕ<9 и OperaMini.

M9
На сайте с 25.10.2011
Offline
25
#10

Всем спасибо, разобрался.

А проблема решалась куда проще!

делается проверка на айфон айпэд

   var event;

var ua = navigator.userAgent;
if (ua.match(/iPhone/i) || ua.match(/iPad/i)) {
event = "touchstart";
} else {
event = "mouseenter";
}
12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий