Jquery click ne fonctionne pas sur ipad

Question

Nous avons une application web qui utilise Jquery blockUI pour ouvrir une fenêtre contextuelle et effectuer une action. Tout cela fonctionne bien sur Safari et IE 8. Le problème est avec l'Ipad. Aucune des actions dans le pop up ne répond. il reste juste sur cette page. même fermer ne fonctionne pas. Faut-il ajouter quelque chose d'autre ? Voici le code qui ouvre une page et l'événement de clic pour la fermeture.

<script>
$(document).ready(function() {
  $.ajaxSetup( {
           cache:false
   });

        $("#sendInviteDiv").load("invite.htm?action=view&pid="+pid);
            $.blockUI({ message: $('#sendInviteDiv'),
                centerY: 0,
                    css: {
                top:  ($(window).height() - 550) /2 + 'px',
                        left: ($(window).width() - 870) /2 + 'px',
                        width: '870px'
                }
            });
            //var ua = navigator.userAgent;
            //var event = (ua.match(/iPad/i)) ? "touchstart" : "click";
            //alert(ua);

            $('#closeInvite').click($.unblockUI);

    $('#inviteBtn').click(function() {
//script to load 
       //setPositionDetails('${formName}','inviteBtn');

       });
}

});

</script>

J'apprécie les conseils.

javascript est activé et les popups sont autorisés dans les paramètres Safari de l'Ipad.

Answer 1

J'utilise généralement

.bind("click touchstart", function(){

});

au lieu de :

.click(function(){

});

De cette façon, vous liez le bon événement. C'est aussi plus rapide, le toucher réagit beaucoup plus vite que le clic pour une raison quelconque.

Answer 2

Je sais que cette question a été posée il y a longtemps, mais j'ai trouvé une réponse en cherchant cette question exacte.

Il existe deux solutions.

Vous pouvez soit définir un attribut onlick vide sur l'élément html :

<div class="clickElement" onclick=""></div>

Vous pouvez également l'ajouter dans les css en définissant le curseur du pointeur :

.clickElement { cursor:pointer }

Le problème est que sur ipad, le premier clic sur un élément non ancré s'enregistre comme un survol. Ce n'est pas vraiment un bug, car cela aide les sites qui ont des menus survolés qui n'ont pas été optimisés pour les tablettes/mobiles. Le fait de placer le curseur ou d'ajouter un attribut onclick vide indique au navigateur que l'élément est bien une zone cliquable.

(via http://www.mitch-solutions.com/blog/17-ipad-jquery-live-click-events-not-working )

Answer 3

MISE À JOUR : j'ai changé .bind a .on car c'est désormais la méthode préférée selon jQuery.

Depuis la version 1.7 de jQuery, la fonction .on() est la méthode préférée pour attacher des gestionnaires d'événements à un document. jquery.com

EXEMPLE :

$('.button').on("click touchstart", function() {

});

Vous trouverez ci-dessous la version définitive de la click y touchstart parce qu'il se déclenche toujours même avec les nouveaux objets du DOM qui sont ajoutés après que le DOM ait été chargé. Incorporer cette solution ultime d'événement de clic pour n'importe quel scénario.

$(document).on("click touchstart", ".button", function () {

});

Answer 4

Utilice bind à la place. Rendez-le plus convivial.

Exemple :

var clickHandler = "click";

if('ontouchstart' in document.documentElement){
    clickHandler = "touchstart";
}

$(".button").bind(clickHandler,function(){
    alert('Visible on touch and non-touch enabled devices');
});

Answer 5

Grâce aux commentaires précédents, j'ai pu constater que tous les éléments suivants ont fonctionné pour moi :

Soit l'ajout d'un stub onclick à l'élément

onclick="void(0);" 

ou l'utilisateur un style de pointeur de curseur

style="cursor:pointer;"

ou comme dans mon code existant, mon code jquery est nécessaire robinet ajouté

$(document).on('click tap','.ciAddLike',function(event)
{
    alert('like added!'); // stopped working in ios safari until tap added
});

J'ajoute une référence croisée aux Apple Docs pour les personnes intéressées. Voir Apple Docs:Rendre les événements cliquables

(Je ne sais pas exactement quand mon application hybride a cessé de traiter les clics, mais je crois me souvenir qu'ils fonctionnaient sous iOS 7 et avant).