在切换活动类之前,Bootstrap 3点击list-group-item滞后

时间:2014-09-30 15:49:09

标签: twitter-bootstrap twitter-bootstrap-3 mobile-devices

在某些移动设备上,为什么在将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>

有没有办法消除滞后?造成这种情况的原因是什么?

0 个答案:

没有答案