2016-03-23 2 views
0

У меня есть этот Javascript на моем сайте с Jquery:Изменение CSS по ссылке при нажатии с Safari на КСН

$("a").on("click", aClicked); 

function aClicked(e) 
{ 
    $(this).addClass("clicked"); 
    // e.preventDefault(); 
    return true; 
} 

CSS-код для класса «щелкнул» изменяет цвет фона для этой ссылки.

Он отлично работает на мобильных устройствах с браузером Android/Chrome. Цвет изменен, ссылка соблюдена.

Он не работает с iOS с Safari или WKWebView. Он работает с UIWebView. Мое текущее устройство - iphone6 ​​+/ios9.3.

Когда я раскомментирую // e.preventDefault();, он действительно работает, но, конечно, ссылка не выполняется. Так что мне кажется, что сафари слишком умно и не отображает страницу, когда она идет по ссылке?

Я не хочу, чтобы решения касались цвета-выделения или: активно или: наведите псевдокласс по некоторым причинам.

Как это исправить? Или я пропустил что-то еще?

ответ

0

Попробуйте эту работу вокруг ... добавить указатель курсора к элементу $('a').css('cursor','pointer'); или примерить фокус, а не на событие щелчка

+0

Оба решения не работают для меня. «Фокус» удаляется, как только вы перестаете касаться экрана. Но спасибо за ваш ответ. Это помогло мне еще в моих исследованиях по этой проблеме – Janning

1

Я изменил его на «нажмите» вместо «нажмите» вместе с JQuery мобильного и работал.

$("a").on("tap", aClicked); 
Смежные вопросы