2016-01-23 25 views
0

我正在对其中心链接产生:hover效果的响应网站。在个人电脑上非常出色,但在移动设备上需要两个水龙头才能进入链接操作。将点击事件绑定到水龙头

有没有办法让我可以选择性地绑定一个tap事件或touchstartclick事件的相同功能,只有在移动设备上?

回答

2

快速和肮脏的:

$(".selector").on('touchstart'){ 
    $(this).trigger('click'); 
}); 

这将针对笔记本电脑等触摸屏与触摸为好。这种体验应该在设备之间保持一致。


当然,这将是清洁绑定从事件都clicktouchstart开始走:

$('.selector').on('click touchstart', function(){ 
    ... 
+0

谢谢!你知道如何解除绑定吗?如果用户调整浏览器大小,恢复正常的功能? –

+1

解除$('。selector')。off('touchstart');这将从元素中解除所有触摸启动处理程序。要选择性地取消绑定使用$('。selector')。on('touchstart.someidentifier',callback)和$('。selector')。off('touchstart.someidentifier') –

相关问题