iOS 5上的jQuery事件

Cyr*_*lle 6 jquery ios touchstart

我遇到了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>
Run Code Online (Sandbox Code Playgroud)

"纯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相关的问题吗?

Cyr*_*lle 8

在Apple开发论坛上由一个人回答:我需要将元素添加到DOM 之后才绑定(),如下所示:

var btn = $('<a>').html('test jQuery').appendTo($body);
btn.bind('touchstart', function(e) { alert('touchstart'); });
Run Code Online (Sandbox Code Playgroud)

  • 如果使用live()而不是bind()会发生什么?有关它为什么停止在iOS 5中工作的任何解释? (2认同)