iOS 5 上的 jQuery 事件

发布于 2024-12-08 17:01:36 字数 1020 浏览 0 评论 0原文

我在 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 上进行了测试。 如果我使用 甚至简单的 而不是

正如我所认为的,这是一个与 jQuery 有关的问题吗?

I'm having an issue with jQuery 1.6.4, iOS 5 and the registration of touchstart/touchend events (as stated in the title, obviously).

Take the following code:

<!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>

The "pure JS" button shows the alert in iOS 4.3 and iOS 5, but the "jQuery" button only works on iOS 4.3.
Tested on iPad/iPhone simulator, 4.3 and 5 ; also tested on real iPhone 4.3, iPhone 5.0, and iPad 5.0.
Same reaction if I use a <input type="button"> or even a simple <a> instead of a <button>.

Is it a problem related to jQuery as I believe?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

巷雨优美回忆 2024-12-15 17:01:36

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

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

Answered by a guy on Apple dev forums: I need to bind() only after the element has been added to the DOM, like so:

var btn = $('<a>').html('test jQuery').appendTo($body);
btn.bind('touchstart', function(e) { alert('touchstart'); });
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文