Как сделать клик на кнопке ipad?

Question

[Анна Бакурова]

Сейчас адаптирую сайт под ipad и столкнулась с очень не приятной ситуацией, а именно:
На сайте кнопка отправки почты в футоре не работает хотя все другие кнопки и ссылки с горем пополам рабочие. В чём может быть проблема и как её решить? Статью на хабре типа "Как мы ховер на ipad побеждали" уже читала. Хочу услышать выше мнение

Comments

[Анна Бакурова]

@Aingis там не совсем простое решение. И мне не нужно убирать ховер, а только понять почему он не работает на одной кнопке

[Анна Бакурова]

@Aingis да

[Анна Бакурова]

@Aingis жаль у них профилактика...

Answer 1

[Евгений Петров]

Вариант JS
Использовать совместно click и touchstart.

$('document').on('click touchstart', '...', function (e) {
	...
});

Вариант CSS
Использовать живительный cursor:pointer.

...{
	cursor:pointer;
}

Comments

[Анна Бакурова]

короче это проблема версии 7 сейчас обновление вышло ios8 и все проблемы ушли (эта и ещё одна)... Но ответ как решение отмечу. Курсор стоит как Я уже писала в комментах... Через js решать для меня было последнее дело да и знала как, ну а вообще заметила у ios всегда есть костыли на css только для них.

Answer 2

[Jaty4]

доброго времени суток, я в своей работе сталкивался с подобными багами на платформе iOS, просто оберните кнопку в пустой тег <a href="javascript:void(0)">. и будет вам счастье

Comments

[Анна Бакурова]

сейчас попробую)

[Jaty4]

я ответ попраил, видимо тостер сожрал мой тег а

[Анна Бакурова]

@Jaty4 javascript:void(0) - это же делает ссылку не рабочей у кого нет js... Или тут что-то другое?

[Jaty4]

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

[Анна Бакурова]

@Jaty4 короче это проблема версии 7 сейчас обновление вышло ios8 и все проблемы ушли... Но ответ как решение отмечу

[Jaty4]

то что проблемы в обновлении ушли еще не значит, что все пользователи обновились до иос8. плюс ко всему этот хак с тегом ссылки никак не мешает тем устройствам на которых это работает и так. в первую очередь стоит думать о пользователях, а не о том чтобы сьехать от исправления багов или надяяться на то что этот баг будет исправлен в последующей версии браузера или уже исправлен. есть пользователи которые до сих пор пользуются страыми версиями браузеров/операционок. поэтому не стоит забывать о них.

[Анна Бакурова]

@Jaty4 тут требования были на последние версии браузеров. Тем более пользователи старых браузеров смогут пользоваться функционалом хоть и не так гладко. А ставить js хаки для ios по мне так нет потребности, большая часть аудитории обновит свой ipad или же у них автоматическое обновление (вроде можно поставить). А другая половина просто может отправить почту путём нажатии enter на клаве.

[Jaty4]

@Libris мой вам совет, для начала смотрите статистику по девайсам/браузерам с которых люди ходят на ваш сайт, а потом уже принимайте решения. а если вы так уверенны что все пользователи настолько умные и тд, тогда можете это все проверить повесив трекинг на эту кнопку, и вести статистику, сколько раз она была нажата и сколько раз она была УСПЕШНО нажата. в любом случае вас за это бить никто не будет, скорее даже наоборот. подумайте

[Анна Бакурова]

@Jaty4 Я бы не стала говорить что для нас это не актуально если бы мы не имели статистику у нас стоят счётчики с момента запуска сайта на двух кнопках которые глючат. Да и само решение отключить js на кнопке к чему? там нет js анимации на ховер, там всё через css. Я точно не помню но вроде отключая на ней js мы и форму отключим а это вообще не нужно

[Jaty4]

вы не отключаете на кнопке жс, тег ссылки с параметром href="javascript:void(0)" просто блокирует стандартное поведение ссылки, никаких переходв, редиректов и обновлений и тд. это просто заглушка которая позволяет решить проблему обработки кликов и тд на стороне жс. вы видимо не понимаете просто как это работает и поэтому думаете, что так делать плохо. я уже три года работаю в сфере разработки сайтов под мобайл платформы и знаю достаточно подводных камней в этой сфере, и знаю как эти камни обойти.

[Анна Бакурова]

@Jaty4 просто по первому же гуглению мне выдаёт статью javascript.ru/unsorted/why_href_js_is_bad

[Анна Бакурова]

@Jaty4 а ещё Я не совсем понимаю зачем для тега button это ставить? ладно для ссылки но для кнопки зачем?

Answer 3

[Анна Бакурова]

Данный баг был исправлен в версии ios8 и ещё куча других, так что качаем обнову и радуемся.