Bootstrap 3单选按钮无法在iphone上快速单击

发布时间:2021-09-24 发布网站:前端之家 F2er.com
前端之家收集整理的这篇文章主要介绍了Bootstrap 3单选按钮无法在iphone上快速单击前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用 fastclick与我的bootstrap 3响应式网站,以加快移动设备上的响应时间.一般情况下这没有问题.
然而经过大量测试后,我发现这打破了iphone上的自举单选按钮.

这些按钮最初工作,但如果您更改所选选项,则仅在提交表单时传递第一个选定选项.
删除快速单击会停止此行为.
或者更重要的是,在我的最小测试页面上添加fastclick会使行为发生.
在iphone上的safari和chrome都会发生这种情况.

我发现文章说添加jquery-mobile和调整单选按钮的标记也会改善响应时间.
但是我在网站中使用了jquery-ui滑块并添加了jquery移动冲突.
我的目的是禁用单选按钮上的快速单击(通过’needsclicks’类)并让jqmobile来处理它.

为定制站点的滑块并使其工作并在移动设备上看起来不错,已经做了很多工作.我不想重新设计整个网站,希望加入jqmobile会有所帮助.我们也没有时间.

我该怎么解决这个问题.我很惊讶我找不到使用fastclick和bootstrap单选按钮的任何其他数据.当然我可以禁用单选按钮上的快速单击,但这使得它们使用起来很糟糕,这对于这个应用程序是不可接受的.

我可以通过某种方式手动修复这些单选按钮以使用iphone.
这不是Android上的问题.
我找不到修复方法吗?

解决方法

在ipad上也重现了这个问题.

问题:Fastclick触发两个单击事件:一个用于标签,另一个用于输入:冒泡.

解决方案:在input:radio字段中使用’needsclick’类.更多信息:https://github.com/ftlabs/fastclick#use-case-2-twitter-bootstrap-222-dropdowns

总结


以上是前端之家为你收集整理的Bootstrap 3单选按钮无法在iphone上快速单击全部内容,希望文章能够帮你解决Bootstrap 3单选按钮无法在iphone上快速单击所遇到的程序开发问题。

如果觉得前端之家网站内容还不错,欢迎将前端之家网站推荐给前端开发程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。