头像

Shawn

欢迎来到我的博客!

解决pjax下ios设备上链接要点击两次才跳转的问题

 1月前  •   成长路  •   , ,  •   352  •   0

这几天在制作新主题的时候,给一个a标签添加了一个hover样式。但是在ios端进行测试时发现,该标签需要点击两次才能进行跳转,第一次点击(触屏)则是显示该标签的hover样式,强迫症表示不能接受,于是就去求助搜索引擎。很快就找到了原因:

iOS 设备上,如iPhone5s,在第一点击时是 hover 事件(类似鼠标移动上去),第二次才是点击事件。

这种情况也有对应的解决方案,具体可以参照解决 iOS 设备上链接要点击两次才跳转的问题

但是经过测试,这种方法在pjax的情况下会导致pjax失效,这显然更不能让人接受了,只好继续想办法,最后终于找到了一个还比较能接受的解决方案。

首先,你需要给你增加hover效果的标签添加一个no-touch类(当然,类名随意)。接着,将该hover样式绑定在该类上。最后检测touchstart事件,发生该事件时移除no-touch类即可。

JavaScript$('.post-excerpt.no-touch').on('touchstart', function() {
    $(this).removeClass('no-touch');
});  
上一篇:
没有了,已经是最新文章啦

 评论


 已有0条评论

    还没有任何评论,你来说两句吧!