javascript - html 按钮在移动设备上不起作用

Question

我正在开发一个网络应用程序。

在 HTML 页面之一中，我有以下代码片段:

<div class="div2">    
<button id="buttonid" type="button" class="btn-submit pull-right" onclick="alert()">BOOK NOW</button>
<div>

这段代码在PC浏览器中运行良好。但是当我在移动设备的浏览器中尝试它时，按钮无法单击。同一页面上还有很多按钮，但它们工作正常。我非常努力地在网上寻找解决方案，但没有成功。

Answer 1

一些观察: - 不知道为什么你在按钮周围添加了一个 div 包装。尝试删除 div 包装 - 您的 html 标记需要检查，因为您正在尝试在移动设备上查看 html 页面，如果元素结构不正确，则其中一个元素很可能会重叠在按钮上。因此，按钮的单击事件不会被触发，而是可能会尝试触发重叠元素的单击事件