需要点按两次按钮才能在iOS上触发click事件

Question

当我从iOS上通过此link访问时，需要轻按两次带有时钟符号的按钮以显示开放时间。此问题也会影响其他按钮。

第一次点击就像鼠标悬停事件一样处理。

如何解决此问题？

这是带有时钟的按钮的代码：

<li><a href='#openinghours' data-toggle='tab' title='Opening hours'>
<span class='round-tabs four'><i class='fa fa-clock-o'></i></span>
</a></li> 


<div class="tab-pane fade" id="openinghours"> 

 <!--html content  of the opening hours-->

</div>

在网站的桌面版本上，一切正常。

Answer 1

我没有足够的代表对此发表评论，但是在您开始调试它之前，我会清除您页面上的所有JS错误。您似乎有大约6个控制台错误和2个警告。

我已经在模拟器中尝试过了，它的行为与您说的一样-但是W3C Bootstrap 4导航选项卡很好。因此，我建议您查看差异（以及是否有任何错误在干扰）

链接到w3学校：

https://www.w3schools.com/bootstrap4/tryit.asp?filename=trybs_nav_tabs_toggleable&stacked=h