2015-08-16 11 views
10

En son Flat UI Pro 1.3.2 sürümünü (http://designmodo.com/flat/) kullanıyorum ve jQuery Plugin flatui- ile ilgili bir sorun var gibi görünüyor radiocheck v0.1.0 ve iOS cihazları.Düz UI Radiocheck eklentisi/radyo düğmeleri iOS 8.4.1 ile geçiş yapmaz (daha fazla)

onların tanıtım sayfası yüklediğinizde sorunu görebilirsiniz: "Radio "Radyo Düğmeler" ile bölüme http://designmodo.github.io/Flat-UI/

Git ve iki düğme "Radyo üzerindedir" tıklayıp radyo düğmesini değiştirmek için kapalıdır. Bu geçiş (devletin "görsel olarak" yanı sıra DOM'daki radyo öğesinin durumu) tüm büyük masaüstü tarayıcılarında (IE, FF, Safari (Windows)) iyi çalışır.

Bununla birlikte, iOS'ta Safari'de bir sorunu var (en son iOS sürümünü bir iPhone 4s, 8.4.1 sürümünde çalıştırıyorum): iki radyo düğmesini tıklatmak artık durumlarını değiştirmiyor!

Masaüstü tarayıcılarda iyi çalıştığı için iOS'taki mobil Safari'nin (muhtemelen yeni sürümünün) yeni sürümü ile ilişkili gibi görünüyor.

Bu hatanın nasıl hata ayıklandığına dair herhangi bir fikir veya yardım büyük beğeni topluyor!

cevap

3

Düz UI Free (2.2.2) kullanıyorum ve aynı sorunu keşfettim.

Tam olarak neden oluştuğundan emin değilim, ancak radyokort eklentisini hafifçe değiştirerek düzeltmeyi başarabiliyorum.

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

için: radiocheck eklentisi tanım Değiştim olan düz ui.js ait

İçinde

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

ben bilmiyorum o yüzden onay kutularını kullanmayın onlar Bu değişiklikten etkilenecektir.

+0

Bu ipucu için teşekkürler! Bunu iOS tarayıcısının "eski" sürümleriyle, yani 8.4 sürümünden Safari ile test ettiniz mi? – Sebastian

+1

Bir iPad üzerinde 8.4 ve 8.4.1 ile iPhone'u test ettim ama bundan daha büyük bir şey yok. – en2ie