在ios上单击Safari时更改链接的CSS

时间:2016-03-23 17:41:33

标签: javascript jquery ios css safari

我在Jquery的网站上有这个Javascript:

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

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

“点击”类的css会更改此链接的背景颜色。

在使用Android / Chrome浏览器的移动设备上运行正常。颜色改变,链接被跟踪。

在使用Safari或WKWebView的iOS上无效。它适用于UIWebView。我目前的设备是iphone6 + / ios9.3。

当我取消注释// e.preventDefault();时,它确实有效,但当然没有遵循链接。所以对我来说,似乎,safari太聪明了,并且无论如何都不会在链接之后呈现页面?

出于某些原因,我不想要关于tap-highlight-color或:active或:hover伪类的解决方案。

我该如何解决?或者我错过了其他什么?

2 个答案:

答案 0 :(得分:1)

我将它改为“点击”而不是与Jquery mobile一起“点击”,它起作用了。

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

答案 1 :(得分:0)

尝试这个方法...添加一个指向元素$('a').css('cursor','pointer');的光标指针或尝试聚焦而不是点击事件