Il pulsante non funziona sui dispositivi mobili ma funziona sul bootstrap del PC

Question

Ho creato un pulsante di bootstrap con all'interno un collegamento. Che assomiglia a questo:

Quando si passa su di essa:

Questo è il codice all'interno del pulsante:

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

Il pulsante Esci:

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

Questo pulsante funziona correttamente sul browser PC (IE, SAFARI, FireFox, Chrome, Opera) (mi porta alla pagina di amministrazione, ma non funziona sui dispositivi mobili.

Ho fatto la stessa cosa per il pulsante di disconnessione e funziona perfettamente su PC e dispositivi mobili. Ora sono perplesso.

Answer 1

Il problema potrebbe essere che si sta utilizzando l'evento onClick che non si registrerà su un dispositivo mobile (poiché non si fa clic, si tocca).

Questa risposta spiega come utilizzare l'evento "touchstart" che funzionerà su un dispositivo mobile.

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

Answer 2

So che questa potrebbe essere una risposta strana. Ma in alcuni casi i clickevents mobili non funzionano a meno che non si inserisca lo stile: cursor: pointer; al tuo pulsante.

click mobile Gli eventi vengono gestiti in modo molto diverso, il primo "clic" o "tocco" potrebbe essere interpretato come un HOVER anziché il clic che si sta cercando.

Quindi prova a impostare lo stile CSS del pulsante su: cursor: pointer;