Подтвердить что ты не робот

Плоский 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/

Перейдите в раздел с Радио-кнопками "и нажмите на две кнопки" Радио включено "и" Радио выключено ", чтобы переключить переключатель. Это переключение (переключение состояния" визуально", а также состояние элемента радио в DOM) прекрасно работает во всех основных настольных браузерах (IE, FF, Safari (Windows)).

Однако есть проблема с с Safari на iOS (я запускаю последнюю версию iOS на iPhone 4s, 8.4.1): нажатие двух переключателей больше не переключает их состояние!

Кажется, что это связано с (возможно, новой версией) мобильного Safari на iOS, так как отлично работает в настольных браузерах.

Любая идея или помощь по отладке этой ошибки приветствуется!

4b9b3361

ОТВЕТЫ

Ответ 1

Я использую Flat UI Free (2.2.2) и обнаружил ту же проблему.

Я точно не знаю, почему это происходит, но удалось исправить его, слегка настроив плагин radocheck.

Внутри 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');
      });
   }    
}

Я не использую флажки, поэтому я не знаю, будут ли они выполняться этим изменением.