События jQuery на iOS 5 - PullRequest
       9

События jQuery на iOS 5

6 голосов
/ 07 октября 2011

У меня проблема с 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, как я считаю?

1 Ответ

8 голосов
/ 07 октября 2011

Ответил парень на форумах разработчиков Apple: мне нужно связать () только после элемент был добавлен в DOM, например:

var btn = $('<a>').html('test jQuery').appendTo($body);
btn.bind('touchstart', function(e) { alert('touchstart'); });
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...