我遇到了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'); });