2012-12-12 12 views
5

का उपयोग करते हुए फ़ोकस में टेक्स्ट को बदलने में असमर्थ मैं मोबाइल उपकरणों पर कुछ नेविगेशन के लिए ऑप्टग्रुप के साथ चयन का उपयोग कर रहा हूं। मैं उस अनुभाग को इंगित करने के लिए ऑप्टग्रुप के लेबल का उपयोग करता हूं जिसमें यह संबंधित है - और उसके बाद विकल्प स्वयं उपधारा को निर्दिष्ट करने के लिए।आईओएस बग? JQuery

समस्या यह है कि मेरे द्वारा पार किए जाने वाले प्रत्येक ब्राउज़र में ऑप्टिग्रुप नहीं दिखता है जब चयन फोकस में नहीं होता है। मैं निम्नलिखित jQuery लिखकर इस बारे में मिला:

$(".Nav-Interior-Mobile select option:selected").each(function() { 
    pageGroupLabel = $(this).parent('optgroup').attr('label'); 
    pageItemLabel = $(this).text(); 
    $(this).text(pageGroupLabel + " > " + pageItemLabel); 
}); 
$('.Nav-Interior-Mobile select').focus(function() { 
    $(this).find('option:selected').text(pageItemLabel); 
}); 
$('.Nav-Interior-Mobile select').blur(function() { 
    $(this).find('option:selected').text(pageGroupLabel + " > " + pageItemLabel); 
}); 

यह आईओएस के अलावा सबकुछ में काम करता प्रतीत होता है। आईओएस में एक यूआई चुनने के लिए यूआई फोकस पर इस्तेमाल होने वाले नए पाठ को प्रतिबिंबित नहीं करता है। मैं एप्पल के यूआई बदलने के ऊपर वास्तविक चयन देख सकता हूं - लेकिन उनका यूआई बिल्कुल नहीं बदलता है।

किसी को भी यह कैसे करना है इसका विचार है?

यहाँ यह जब धुंधला काम कर रहा है:

http://files.secondstreetmedia.com/support/todd/blurred.PNG

और न जब ध्यान केंद्रित काम कर (उनके यूआई अभी भी है "ब्रांडिंग> वेब" जब यह बस कहना चाहिए "वेब"):

http://files.secondstreetmedia.com/support/todd/focused-2.jpg


यह बिल्कुल एक बग होना है - यदि आप नीचे स्क्रॉल करते हैं और फिर सूची में बैक अप लेते हैं - तो पाठ तब होता है बदल गया - विचित्र।

+0

यदि आप निश्चित हैं कि यह एक बग है तो आप ऐप्पल पर एक बग क्यों नहीं लॉग करते? – dreamlax

+0

मुझे उम्मीद है कि यहां किसी के पास कोई कामकाज है या समस्या का एक अलग समाधान सुझा सकता है। –

+0

इसके अलावा मैंने वहां एक बग पोस्ट किया था। –

उत्तर

0

का उपयोग कर quickChange प्लगइन यहां पोस्ट का प्रयास करें:

Strange behavior of select/dropdown's onchange() JS event when using 'Next' on Mobile Safari Dropdown list item select box

अपने जावास्क्रिप्ट फाइल में प्लगइन कोड पेस्ट करने के बाद, आप इस के साथ अपने onFocus कोड को बदलने के लिए सक्षम होना चाहिए:

$('.Nav-Interior-Mobile select').quickChange(function() { 
    $(this).find('option:selected').text(pageItemLabel); 
}); 

और आपके मौजूदा ऑनब्लर कोड को मूल्य को वापस बदलने के लिए काम करना जारी रखना चाहिए।

संबंधित मुद्दे