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