iPad悬停/单击问题
iPad hover/click issue
>我的HTML代码是;
<a href="someTarget.html" class="menuLink">Link</a>
现在以前的JS代码是;
$(".menuLink").mouseover(function(){
//code for show() submenu
}
$(".menuLink").mouseout(function(){
//code for hide() submenu
}
我正在iPad上对此进行测试,上面的代码在iPad上运行良好(即在第一次点击时,它会触发悬停事件并显示子菜单,只有在下一次点击时才会触发点击事件或转到目标链接)
由于某种原因(在主菜单中添加延迟),我不得不按如下方式更新代码;
$this.hover(
function(){ // over
$this.data("timer", setTimeout(show, 500));
},
function(){ // out
$this.data("timer", setTimeout(hide, 500));
}
)
所以问题如下;在第一次点击链接时,它会立即将用户带到目标 URL(而不是之前点击 2 次进行悬停/单击)
请帮我解决这个问题。
jQuery文档说$(selector).hover(handlerIn, handlerOut)
只是使用$(selector).mouseenter(handlerIn).mouseleave(handlerOut)
的快捷方式。
这意味着没有绑定到对象的mouseover()
/mouseout()
事件,并且移动浏览器可能无法正确处理其他2个事件(即mouseenter()
/mouseleave()
)。
尝试将代码替换为以下内容:
$this.mouseover(function(){ // over
$this.data("timer", setTimeout(show, 500));
}).mouseout(function(){ // out
$this.data("timer", setTimeout(hide, 500));
}
)
让我知道这是否可行。
移动设备不支持鼠标悬停事件,也不支持双击事件
相关文章:
- 单击时切换上下图示符图标的问题
- Javascript问题与下拉菜单上的单击事件有关
- 传单问题:使折线的图层组不可单击
- 在单击按钮时调用 jquery 函数时出现问题
- Jquery Resize问题.如果宽度小于768宽度,请启用“单击选项”.768以上鼠标悬停选项启用
- 单击按钮更改颜色/清除画布时画布出现问题
- 单击元素时出现问题,这些元素是用.html()添加到页面的
- 单击输入区域时出现问题
- 防止'单击'多次触发的事件+带有衰落的问题
- Flexislider缩略图单击问题-中间问题
- 正在删除单击问题上的活动类
- 单击后使用.not()限制选项时出现问题
- 单击视图时的应用器范围问题
- 挖空 - 单击绑定到对象函数 - 范围问题
- JSTREE - 重命名功能问题(单击重命名后,节点上的文本输入不接受更改)
- 常见问题下拉列表 - 单击时文本颜色已更改
- 似乎更多问题(单击查看更多 5-10 次后操作速度变慢)
- iPad悬停/单击问题
- 在按钮上运行Jquery代码的问题单击我的向导步骤Jquery代码
- 问题:单击时应显示具有特定视图的 ng 重复