我遇到了jQuery 1.6.4,iOS 5以及touchstart / touchend事件注册的问题(显然标题中所述).
请使用以下代码:
<!DOCTYPE html> <html lang="fr"> <head> <Meta charset="utf-8" /> <script type="text/javascript" src="mmpa/jquery-1.6.4.min.js"></script> <script type="text/javascript"> $(document).ready(function() { var $body = $('body'); $('<button>').html('test jQuery').bind('touchstart',function() { alert('touchstart'); }).appendTo($body); }); </script> </head> <body> <button ontouchstart="alert('touchstart');">test pure JS</button> </body> </html>
“纯JS”按钮显示iOS 4.3和iOS 5中的警报,但“jQuery”按钮仅适用于iOS 4.3.
在iPad / iPhone模拟器上测试,4.3和5;还在真正的iPhone 4.3,iPhone 5.0和iPad 5.0上进行了测试.
如果我使用< input type =“button”>同样的反应或者甚至是简单的< a>而不是< button>.
我认为这是一个与jQuery相关的问题吗?
解决方法
在Apple开发论坛上由一个人回答:我需要在将元素添加到DOM之后才绑定(),如下所示:
var btn = $('<a>').html('test jQuery').appendTo($body); btn.bind('touchstart',function(e) { alert('touchstart'); });