Почему на iOS не работают ссылки или код?

Question

[webicdew]

Добрый день!

На этом сайте, g-t.wm-p.ru/g_contacts.html через телефоны на базе iOS не работают ссылки. В чем может быть дело?

Помогите пожалуйста! Когда жмешь через телефон, срабатывает стиль hover, но не переходит на нужную страницу. На андроид и на виндовс, все в норме.

Comments

[Алексей]

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

[webicdew]

Алексей, адаптивность и не нужна. Просто, именно через iOS не работают.

[Алексей]

webicdew, не работает?

[webicdew]

Алексей, я про ссылки в меню. (вверх) Например, обратная связь.

[Алексей]

webicdew, есть мнение что события не те.

$('a.id_send').click(function (e){
				$('.aghtml_popup id_send, .aghtml_popup_overlay, .id_send').css({'opacity':'1', 'visibility':'visible'});
				e.preventDefault();
			});

[webicdew]

Алексей, ну кнопка снизу работает. Красный значок, по тому же типу... именно там не работает... и на других сайтах они тоже работают...

[Алексей]

webicdew, вы бы хоть срины давали кнопок и код который их обрабатывает. По какому принципу не понятно, а код дебажить такое себе удовольствие.
Судя по положению верстка съезжает. Но я бы попробовал тач события, 2 минуты тестить.

[webicdew]

Алексей, кнопки, О Компании / Услуги / Контакты

[Алексей]

webicdew, приеду домой если будет скучно (скорее нет) заберу страницу к себе и разберусь. Просто вам имея исходники поправить 15-20 минут попробовав изменить CSS/JS, а не вот это вот все.

[webicdew]

Алексей, к примеру, не работает кнопка Обратная связь, вот CSS:

.in1111_send_div {margin: 0; padding: 0;padding-left: 25px;} 
.in1111_mail_link a:link, .in1111_mail_link a:active, .in1111_mail_link a:visited {text-decoration: none; text-align: top; text-transform: uppercase;padding: 12px 13px; 

padding-left: 53px; font: 15px opensans, Arial; color: #FFF;background-color: rgba(0, 0, 0, 0.4);background-image:url(for_pages/general/i_g_send.png); background-repeat:no-

repeat; background-position: left;transition: all 1.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;box-shadow: 0px 0px 50px 0px rgba(227, 30, 36, 0.6) inset;border: 1px solid rgba

(255, 255, 255, 0.7);}
.in1111_mail_link a:hover {text-decoration:none; text-align: top;color:#FFF !important; background-color: rgba(227, 30, 36, 0.9);box-shadow: 0px 0px 6px 0px rgba(255, 255, 

255, 0.9) inset;}

Тут нет, ничего такого.

[webicdew]

Алексей, я разобрался. нужно было, просто отрубить фрейм с большим текстом. И все. Дело не в коде.

Answer 1

[FeST1VaL]

У iOS в Safari нету события hover как вы привыкли... При первом клике срабатывает hover, а при втором клике срабатывает клик по ссылке... Как вариант для решения этой проблемы... Для iOS убирайте hover эффект или же добавьте focus.

Вот например статейка на хабре.

Comments

[webicdew]

я разобрался. нужно было, просто отрубить фрейм с большим текстом. И все. Дело не в коде. Как только срабатывает режим, где допустим, есть режим reader.. То все, отказ у многих ссылок. Но как только, отрубаешь большие и скрытые тексты, например в frame. То все становиться в норме.

И :Hover работает.. все в норме.