jquery – 平面UI Radiocheck插件/单选按钮不会与iOS 8.4.1交替(不再)

前端之家收集整理的这篇文章主要介绍了jquery – 平面UI Radiocheck插件/单选按钮不会与iOS 8.4.1交替(不再)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用最新版本的Flat UI Pro 1.3.2( http://designmodo.com/flat/),并且似乎有一个问题,jQuery插件flatui-radiocheck v0.1.0和iOS设备.

加载演示页面时可以看到问题:http://designmodo.github.io/Flat-UI/

使用“单选按钮”进入该部分,然后单击“收音机已开”和“收音机关闭”两个按钮来切换单选按钮.在所有主要的桌面浏览器(IE,FF,Safari(Windows))中,这种切换(在视觉上切换状态以及DOM中的无线电元素的状态)都可以正常工作.

但是,在iOS上有Safari的问题(我在iPhone 4s,8.4.1上运行最新的iOS版本):点击两个单选按钮不再切换他们的状态!

它似乎与iOS(可能是新版本)的移动Safari相关,因为它在桌面浏览器上运行正常.

任何想法或帮助如何调试这个错误是非常感谢!

解决方法

我使用Flat UI Free(2.2.2)并发现了同样的问题.

我不知道为什么它是发生,但已经能够通过稍微调整放大看板插件解决它.

在flat-ui.js里面,我更改了radiocheck插件定义:

// Adding 'nohover' class for mobile devices
var mobile = /mobile|tablet|phone|ip(ad|od)|android|silk|webos/i.test(global.navigator.userAgent);
if (mobile === true) {
   $this.parent().hover(function () {
      $this.addClass('nohover');
   },function () {
      $this.removeClass('nohover');
   });
}

至:

// Adding 'nohover' class for mobile devices
if (/iPhone|iPod|iPad/i.test(global.navigator.userAgent)) { //fix for ios
   $this.addClass('nohover');
} else {
   var mobile = /mobile|tablet|phone|ip(ad|od)|android|silk|webos/i.test(global.navigator.userAgent);
   if (mobile === true) {
      $this.parent().hover(function () {
         $this.addClass('nohover');
      },function () {
         $this.removeClass('nohover');
      });
   }    
}

我不使用复选框,所以我不知道他们是否会受到这种变化的影响.

原文链接:https://www.f2er.com/jquery/176493.html

猜你在找的jQuery相关文章