关于ios上点击事件触发经过导致layui nav跳转的bug

Posted small_lady

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于ios上点击事件触发经过导致layui nav跳转的bug相关的知识,希望对你有一定的参考价值。

ios上点击事件其实是第一下触发的hover事件,第二次点击才是触发click事件;

在用layui 的nav菜单,它的跳转是通过click事件触发的,所以在ios上就会出现,页面跳转需要点击两次才能触发;

解决办法:

监听touch事件,如果有跳转就手动触发跳转,如果有点击事件就执行点击事件;已测试有效

$("a").on(‘touchend‘, function(e) {
var el = $(this);
var link = el.attr(‘href‘);
if(link.indexOf("/")!=-1){
window.location = link;
}else{
el.click();
}
});








以上是关于关于ios上点击事件触发经过导致layui nav跳转的bug的主要内容,如果未能解决你的问题,请参考以下文章

layui怎样给表格的最后一列添加一个编辑按钮并且点击后可以触发对应的事件

关于AJAX异步加载节点无法触发点击事件问题的解决方式

layui 的nav导航 事件监控,获取DOM元素

关于jQuery中动态生成的点击事件触发两次的讨论

layui 触发 select 下option 被选择事件

jquery模拟鼠标点击动作