jquery - Flat UI Radiocheck 插件/单选按钮不会(再)与 iOS 8.4.1 切换

Question

我正在使用最新版本的 Flat UI Pro 1.3.2 ( http://designmodo.com/flat/ )，jQuery 插件 flatui-radiocheck v0.1.0 和 iOS 设备似乎有问题。

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

转到带有“Radio Buttons”的部分，然后单击“Radio is on”和“Radio is off”两个按钮"来切换单选按钮。这种切换(“可视化”切换状态以及 DOM 中单选元素的状态)在所有主要桌面浏览器(IE、FF、Safari (Windows))中都能正常工作。

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

它似乎与 iOS 上的移动版 Safari(可能是新版本)有关，因为它在桌面浏览器上运行良好。

非常感谢任何关于如何调试此错误的想法或帮助!

Answer 1

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

我不确定它发生的确切原因，但可以通过稍微调整 radiocheck 插件来修复它。

我更改了 radiocheck 插件定义所在的 flat-ui.js 内部:

// 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');
      });
   }    
}

我不使用复选框，所以我不知道它们是否会受到此更改的影响。