在某些移动设备上,为什么在将active
类添加到列表组项之前会暂停?
我们正在使用Bootstrap 3并创建了一个包含三个项目的简单列表组。单击时,将在项目上切换active
类。这通常适用于桌面浏览器,但是当我在移动设备上测试我的网站时(使用三星Galaxy S3股票浏览器和带Safari的iPad Mini),点击list-group-item可以正常工作,但需要一整秒或者所以要切换active
类。这感觉很奇怪,因为当您点击按钮时,您希望它立即改变状态。
使用Safari的iPad Mini上有大约500毫秒的延迟:https://www.youtube.com/watch?v=OrYu1SOQzjY
使用股票浏览器在Galaxy S3上延迟大约1秒钟。
起初我认为这个延迟可能是由于在点击list-group-item时在我们的代码中执行了其他操作,但我创建了一个Bootply除了列表组之外别无其他,我经历了相同的滞后,即使没有其他事情发生,但active
类的切换。
http://www.bootply.com/hZ2uF2KS7O
我想知道这是否是由于某些CSS transition
属性引起的,但是在检查Dev Tools中的list-group-item时,我没有看到任何transition
属性。< / p>
有没有办法消除滞后?造成这种情况的原因是什么?