Bootstrap按钮不适用于移动Chrome

如何解决Bootstrap按钮不适用于移动Chrome

基本上，我正在建立一个网站，在您尝试按移动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";
});

任何帮助将不胜感激，谢谢：）。

解决方法

我发现Chrome扩展程序不允许您使用内联JavaScript Documentation。和Firefox一样。

因此，如果您使用内联Js，请尝试使用外部Javascript。

$("#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>

,

尝试一下

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

如果将按钮渲染为动态元素，则在首次加载时将不会捕获它。因此，您需要使用.on

如果仍然无法正常运行，请尝试以下操作

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

您应该收到一个警告框。

如果没有，请打开检查元素->控制台，然后发布看到的错误