在jQuery的工作ipad的mousedown / mouseup吗?
我正在使用当前的代码:
$('body').mousedown(function() { $('div#extras').fadeTo('fast', 1); }); $('body').mouseup(function() { $('div#extras').delay(2000).fadeTo(1500, 0); });
这在safari中很好用,但是当我上传并在ipad上查看时,它不起作用?
我发现如何做到这一点的ipad为有兴趣的人:
而不是我在我的问题中使用的代码,您可以使用:
$('body').bind( "touchstart", function(e){ $('div#extras').fadeTo('fast', 1); });
&
$('body').bind( "touchend", function(e){ $('div#extras').delay(2000).fadeTo(1500, 0); });
不完全是。
苹果文件
引用:
可点击的元素是一个链接,表单元素,图像映射区域,或任何其他与mousemove, mousedown , mouseup ,或onclick处理程序的元素。 可滚动的元素是具有适当的溢出风格,文本区域和可滚动的iframe元素的任何元素。 由于这些差异,您可能需要将某些元素更改为可点击元素,如“ 使元素可点击 ”中所述,以在iPhone OS中获得所需的行为。
(重点是我的)
不是真的回答你的问题,但可能会方便的人来到这里只是为了寻找“jQuery mousedown /鼠标在ipad上”
我总是使用这个小技巧:
$(element).hover(function() { // Do something });
这在使用iPad时触摸触发, 并在点击元素外部时反转动作,因为这是hover事件。 举个例子:
// Assuming the element has 'opacity: 0' in CSS $(element).hover(function() { $(this).animate({'opacity': 1}, 200); });
在“点击”时创build淡入效果,并在“鼠标hover”上创build淡出效果。