Блог

Главная - Вопросы по программированию - Кнопки начальной загрузки не работают в мобильном Chrome

Кнопки начальной загрузки не работают в мобильном Chrome

#javascript #html #jquery #bootstrap-4

#javascript #HTML #jquery #bootstrap-4

Вопрос:

По сути, я создаю веб-сайт, и он работает нормально, пока вы не попытаетесь нажать кнопку в мобильном Chrome, однако он работает в мобильном Safari и настольном Chrome.

Вот мой код кнопки там практически все тот же:

<button style="padding-top: 15px; padding-bottom: 15px;" type="button" id="MenuButton " class="btn btn-primary btn-lg btn-block" >Menu</button>

и вот мой javascript / jquery:

 $("#MenuButton").click(function(){
    location.href = "menu.html";
});

Любая помощь будет оценена, спасибо :).

Ответ №1:

Я обнаружил, что расширения Chrome не позволяют вам иметь встроенную документацию JavaScript. И то же самое для Firefox.

Поэтому попробуйте использовать внешний Javascript, если вы используете встроенный Js.

 $("#MenuButton").click(function(){
    location.href = "menu.html";
    
});  
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button style="padding-top: 15px; padding-bottom: 15px;" type="button" id="MenuButton" class="btn btn-primary btn-lg btn-block" >Menu</button>

Комментарии:

1. Я добавил библиотеку начальной загрузки и jquery, я, вероятно, должен был это сказать, и, похоже, пробел ничего не сделал, также щелчок работает на настольном Chrome и мобильном Safari, но не работает на мобильном Chrome.

2. Используете ли вы встроенный javascript?

3. Я использую форму, где она находится в отдельном файле, но связана.

Ответ №2:

Попробуйте это

  $(document).on("click", "#MenuButton",function(){
        window.location.href = "http://www.yourdomain.com/menu.html";
    });

Если вы отображаете кнопку как динамический элемент, она не будет захвачена при первой загрузке. Поэтому вам нужно использовать .on

Если все еще не работает, попробуйте ниже

 $(document).on("click", "#MenuButton",function(){
            alert("ok")
        });

Вы должны получить окно предупреждения.

Если нет, откройте элемент проверки -> консоль и отправьте сообщение об ошибке, которое вы видите