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

发布时间：2020-12-18 00:05:46 所属栏目：安全来源：网络整理

导读：我正在使用 fastclick与我的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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!