Le bouton ne fonctionne pas sur les Appareils Mobiles, mais fonctionne sur PC bootstrap

J'ai créé un bootstrap bouton qui a un lien à l'intérieur. Qui ressemble à ceci:

Le bouton ne fonctionne pas sur les Appareils Mobiles, mais fonctionne sur PC bootstrap

Lorsque vous passez la souris sur celui-ci:

Le bouton ne fonctionne pas sur les Appareils Mobiles, mais fonctionne sur PC bootstrap

C'est le code à l'intérieur du bouton:

 <div class="s-8"><button type="button" onClick="javascript:location.href = 'administration.php';">Administration</button></div>

Le bouton de déconnexion:

<div class="s-4"><button type="button" onClick="javascript:location.href = 'logout.php';">Logout</button></div>

Ce bouton fonctionne bien sur le PC(IE, SAFARI, FireFox, Chrome, Opera) navigateur(me ramène à la page d'administration, mais il ne fonctionne pas sur les appareils Mobiles.

J'ai fait la même chose pour le bouton de déconnexion, et il fonctionne très bien sur PC et les Appareils Mobiles. Je suis perplexe.

quel est le navigateur que vous utilisez sur mobile?
les Liens ne sont pas des boutons & vice versa
Je suis en utilisant le navigateur android par défaut
Ce que je ne comprends pas, c'est l'incohérence. Que le bouton de déconnexion fonctionne, mais j'ai utilisé le même code
Est le bouton de déconnexion d'un lien? Semble peu probable.

OriginalL'auteur kya | 2015-03-11

  1. 9

    Le problème peut être que vous êtes à l'aide de l'événement onClick qui ne sera pas s'inscrire sur un appareil mobile (tant que vous ne cliquez pas - vous appuyez sur).

    Cette réponse explique comment utiliser les "évènements touchstart" événement qui va travailler sur un mobile.

    https://stackoverflow.com/a/22015946/2619909

    OriginalL'auteur Git Paul

  2. 3

    Je sais que cela pourrait être une drôle de réponse. Mais dans certains cas, mobile clickevents ne fonctionnent pas, sauf si vous placez le style: le curseur:pointeur; à votre bouton.

    Mobile clickEvents sont traités de manière très différente, le premier "clic" ou "tap" pourrait être interprété comme un vol STATIONNAIRE au lieu de le sur qui vous êtes à la recherche pour.

    Donc, essayez de définir le style CSS du bouton : curseur:pointeur;

    Notez qu'en général, cela s'applique uniquement à iOS, et il y a d'autres solutions possibles; voir developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
    ne fonctionne pas pour moi (iphone7, ios11.4 w safari)
    pouvez-vous préparer un violon où il est reproduit?

    OriginalL'auteur noa-dev

  3. 0

    malheureusement aucun paramètre n' cursor:pointer; ni l'ajout d'un touchstart écouteur d'événement 

    $(document).ready(function() {
  $('#button_id').on('click touchstart', function() {
    window.location.href = "/url";
  });
});

    @noa-dev et @GitPauls suggéré travaillé pour moi. pour référence, je l'ai testé sur mon phone 7 (ios11.4 et safari)

    solution de travail: j'ai mis le z-index de la touche pour un grand nombre positif et le bouton fonctionne maintenant.

    #button_id{
  z-index: 99;
}

    solution trouvée grâce à Daniel Acree https://foundation.zurb.com/forum/posts/3258-buttons-not-clickable-on-iphone. Je ne sais pas si cela se généralise à tous les iphone/appareils mobiles.

    OriginalL'auteur JSMorgan