当我从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>


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

最佳答案

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

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

链接到W3学校:

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

关于ios - 需要点按两次按钮才能在iOS上触发click事件,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/51826391/

10-12 00:22
查看更多