hover и iPhone
Адаптирую сайт под мобильные, и есть вопрос касаемо iPhone.
Такой вот простой скрипт:
jQuery('.class_hov').hover(
function() {
jQuery('.class_vip').toggle(0);
},
function() {
jQuery('.class_vip'').toggle(0);
});
Т.е. при наведении блок показывается, при убирании мышки блок скрывается. На мобильных это работает так - при нажатии блок показывается, при нажатии в другом месте - блок скрывается. Но не на iPhone, там блок показывается, но скрываться не хочет. Есть ли какой-то фикс под это дело, так чтоб попроще был. Не хочется более сложные условия писать. |
jQuery('.class_vip'').toggle(0); - опечатка
Зачем два раза писать одно и то же несовсем понятно, достаточно этого:
jQuery('.class_hov').hover(function() {
jQuery('.class_vip').toggle();
});
|
a_l, да ни в этом суть, там может быть тогел, а может слайдап и слайддаун. Суть в том чтоб это на iДевайсах работало.
|
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, время: 16:18. |