HTML页面上的按钮在Safari/iPhone上不起作用



我有一些基于Bootstrap的HTML页面,带有一些javascript和内部CSS,在Flask中使用Jinjja模板提供。它在使用Chrome的Windows和Android上运行得非常好。但当我在iPhone(Chrome(或Safari上尝试点击某些按钮时,它们不起作用。Chrome中也没有错误消息。

以下是我使用的按钮示例:

<div class="container mt-4">
<form action="/skill" method="get">
<div class="btn-group-vertical mt-10" style="width:100%">
<button  id="Health" onClick="selection(this.id)" type="button" class="btn btn-secondary mb-3" style="background-color: #4a8bae;white-space: normal;">
<h4 class="display-5 pt-2">Health</h4>
<p class="mb-2 font-weight-normal">The centre of human happiness and well-being.</p>
</button>
</div>
</form>
</div>

单击按钮后,它应该会话存储所选的id。

请告诉我能做些什么来解决这个问题!如果我应该发布任何其他信息,请告诉我。非常感谢。

我也遇到过同样的情况,但至少在我的情况下,我刚刚打开了safari的弹出窗口阻止程序(在iphone设置下(,一切都很好。。。

最新更新