6

我遇到了 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 上进行了测试。如果我使用 a<input type="button">甚至是简单<a>的而不是a ,也会有同样的反应<button>

我相信这是与 jQuery 相关的问题吗?

4

1 回答 1

8

Apple 开发论坛上的一个人回答:我只需要在元素被添加到 DOM后才需要 bind(),如下所示:

var btn = $('<a>').html('test jQuery').appendTo($body);
btn.bind('touchstart', function(e) { alert('touchstart'); });
于 2011-10-07T15:01:16.190 回答