当前位置 : 主页 > 网页制作 > Bootstarp >

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

来源:互联网 收集:自由互联 发布时间:2021-06-12
我正在使用 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

网友评论