Schaltfläche funktioniert nicht auf mobilen Geräten, funktioniert aber auf PC Bootstrap

Question

Ich habe eine Bootstrap-Taste erstellt, die eine Verknüpfung enthält. Die wie folgt aussieht:

Wenn Sie schweben auf sie:

Dies ist der Code in der Schaltfläche ist:

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

Die Logout-Button:

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

Dieser Button funktioniert gut auf dem PC (IE, SAFARI, Firefox, Chrome, Opera) Browser (bringt mich auf die Verwaltungsseite, aber es funktioniert nicht auf den mobilen Geräten.

Ich habe das gleiche für die Abmelden-Taste, und es funktioniert gut auf PC und Mobile Devices. Ich bin jetzt verwirrt.

Answer 1

Das Problem kann sein, dass Sie das Ereignis onClick verwenden, das nicht auf einem mobilen Gerät registriert wird (da Sie nicht klicken - Sie tippen).

Diese Antwort erläutert, wie Sie das Ereignis "touchstart" verwenden, das auf einem Mobiltelefon funktioniert.

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

Answer 2

Ich weiß, dass dies eine seltsame Antwort sein könnte. Aber in einigen Fällen funktionieren mobile Clickevents nur, wenn Sie den Style setzen: cursor: pointer; zu deinem Knopf.

Mobile ClickEvents werden sehr unterschiedlich gehandhabt, der erste "Klick" oder "Tap" kann als HOVER statt als Klick interpretiert werden, den Sie suchen.

Versuchen Sie also, den CSS-Stil der Schaltfläche wie folgt einzustellen: cursor: pointer;