'ब्लॉक शैली' रेडियो पर सब कुछ लेकिन आईपैड

Question

काम कर बटन मैं रेडियो बटन के एक समूह है, और उन्हें स्टाइल है ताकि वे प्रदर्शित: ब्लॉक इतना है कि वे दिखाई बटन की तरह (भी रेडियो बटन ही छिपा हुआ है)। यह डेस्कटॉप और एंड्रॉइड टैबलेट पर क्रोम और फ़ायरफ़ॉक्स में बहुत अच्छा काम करता है ... लेकिन आईपैड पर काम नहीं करेगा।

इसे यहाँ देखें: http://jsfiddle.net/WhNRK/

जो भी कारण ब्लॉक तत्व 'सक्रिय' एक iPad पर नहीं है और रेडियो बटन निर्धारित नहीं करता है। यदि मैं रेडियो बटन को अनदेखा करता हूं तो आप देख सकते हैं कि ब्लॉक पर क्लिक करते समय यह चयन नहीं होता है। हालांकि अगर मैं वास्तविक रेडियो बटन पर क्लिक करता हूं, तो यह सही तरीके से चयन करता है और ब्लॉक तत्व पृष्ठभूमि रंग को भी बदलता है! http://jsfiddle.net/WhNRK/1/

क्या कोई विचार है कि मैं गलत क्या कर रहा हूं जिससे ऐसा हो रहा है? ऐसा लगता है कि यह बहुत सरल कार्यक्षमता होनी चाहिए, इसलिए मुझे उम्मीद है कि यह कुछ सरल है जो मैं देख रहा हूं ...

साइट के प्राथमिक उपयोग को इसमें शामिल किया गया है मोबाइल उपकरणों के लिए है, इसलिए निश्चित रूप से इसकी आवश्यकता है किसी भी आईओएस डिवाइस पर काम करना (मान लीजिए कि यह एक आईफोन पर भी होता है, अभी मेरे पास अभी परीक्षण करने के लिए मेरे साथ कोई नहीं है)।

आपके सुझावों के लिए धन्यवाद! सब से

Answer 1

Fisrt, अपने बेला वास्तव में iphone पर काम नहीं करता है या तो, दोनों सफारी और क्रोम में।

जिज्ञासु के रूप में मैं कर रहा हूँ, मैं अपने कोड के साथ एक सा खेल कर समाधान खोजने की कोशिश की। लेबल को इनपुट के एक भाई, बल्कि माता-पिता को बनाने के लिए थोड़ा सा बदल दिया। अभी भी मेरे आईफोन पर कोई प्रभाव नहीं है।

कुछ googling के बाद मुझे यह मिला: http://forums.macrumors.com/showthread.php?t=785632 मैंने समाधान का प्रयास किया और ऐसा लगता है, हालांकि मुझे कोई संकेत नहीं है। मुझे लगता है कि यह बग के कुछ प्रकार है ...

आप अपने लेबल के लिए onclick="" जोड़ने के लिए।

मैं एक iPad पर उसकी जांच नहीं था, लेकिन यह एक ही काम करना चाहिए के रूप में यह सिर्फ एक बड़ा iPhone है। एक काम कर उदाहरण यहां पाया जा सकता है: http://jsfiddle.net/WhNRK/15/