a标签添加:hover,在ios上需要点击2次才能跳转
最近发现之前的做的网站在移动端上有个bug,就是我在pc端给tab加了hover样式,但是在ios移动端查看效果时,因为添加了hover需要点击2次,第一次点击是给tab添加hover样式,第二次点击a标签才跳转
因为们的网站不是响应式的,但是又要求在移动端可以正常浏览,所以我的解决方法是:把hover样式用js替代css写法,然后判断是移动端或只判断ios时取消hover事件。最后完美解决。
ps:在求助度娘的时候,看到如果你的网站是响应式的可以使用如下方法解决:
(1)网页头部添加meta
<meta name="viewport" content="width=device-width, initial-scale=1"/>
(2)使用js把href改成window.location
$('a').on('click touchend', function(e) {
var el = $(this);
var link = el.attr('href');
window.location = link;
});
亲自试了一下,这种方案是可行的。
posted on 2017-04-23 21:41 zhoujian917 阅读(3651) 评论(0) 编辑 收藏 举报