it-swarm.com.ru

Кнопка не работает на мобильных устройствах, но работает на начальной загрузке ПК

Я создал кнопку начальной загрузки, внутри которой есть ссылка. Который выглядит так:

enter image description here

Когда вы наводите на него: 

enter image description here

Это код внутри кнопки:

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

Кнопка выхода из системы:

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

Эта кнопка отлично работает в браузере ПК (IE, SAFARI, FireFox, Chrome, Opera) (выводит меня на страницу администрирования, но не работает на мобильных устройствах). 

Я сделал то же самое для кнопки выхода из системы, и она отлично работает на ПК и мобильных устройствах. Я сейчас озадачен.

6
kya

Возможно, проблема в том, что вы используете событие onClick, которое не регистрируется на мобильном устройстве (поскольку вы не нажимаете кнопку - вы нажимаете).

В этом ответе объясняется, как использовать событие «touchstart», которое будет работать на мобильном телефоне.

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

9
Git Paul

Я знаю, что это может быть странный ответ. Но в некоторых случаях мобильные кликвенты не работают, если вы не добавите style: cursor: pointer; на вашу кнопку.

Мобильные события clickEvents обрабатываются совершенно по-разному, первый «щелчок» или «касание» может быть интерпретирован как HOVER вместо того щелчка, который вы ищете.

Поэтому попробуйте установить стиль CSS кнопки на: курсор: указатель;

3
noa-dev

к сожалению, ни установка cursor:pointer;, ни добавление прослушивателя событий touchstart 

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

как @ noa-dev и @GitPauls предложили работать для меня. для справки я проверил на моем телефоне7 (ios11.4 и сафари)

рабочее решение: Я установил z-index кнопки на большое положительное число, и кнопка теперь работает.

#button_id{
  z-index: 99;
}

решение найдено благодаря Дэниелу Акриhttps://foundation.zurb.com/forum/posts/3258-buttons-not-clickable-on-iphone . Я не знаю, распространяется ли это на все iphone/мобильные устройства.

0
JSMorgan