2009-09-21 24 views
5

के साथ फोकस ईवेंट पर Jquery मैं ड्रॉपडाउन की पृष्ठभूमि को बदलने के लिए jquery का उपयोग कर रहा हूं। किसी कारण से अब एक क्लिक के बजाय आइटम चुनने के लिए दो क्लिक की आवश्यकता होती है।एक एचटीएमएल चयन टैग

मुझे यह नहीं पता कि यह क्यों होता है और एक कुशल कामकाज या बेहतर अभी तक एक फिक्स है। ऐसा लगता है कि यानी & यानी 8 (किसी मित्र ने अपने बॉक्स पर इसका परीक्षण किया था) नीचे यह सटीक कोड है जिसका उपयोग हम इस समस्या का परीक्षण करने के लिए कर रहे हैं।

----------------------------- पूर्ण मार्कअप --------------- -----------------

<script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.3.2.min.js" type="text/javascript"></script> 

<style type="text/css"> 
    .yellowBackground, .yellowBackground > * > * 
    { 
     background-color: #FFFF79; 
    } 
</style> 

<script type="text/javascript"> 

    $(document).ready(function() { 
     $('select').focus(function() { 

      $(this).addClass('yellowBackground'); 

     }) 
    }); 
</script> 
</head> 
<body> 
    <form> 
    <select> 
     <option value="A">Option 1</option> 
     <option value="B">Option 2</option> 
    </select> 
    </form> 
</body> 
</html> 
+0

यदि आपको लगता है कि वेब पर खोज करने के लिए यह अद्वितीय नहीं है, तो आपको इस दावे को वापस करने के लिए कुछ लिंक प्रदान करना चाहिए। –

+0

मैं आपको संदेह नहीं कर रहा हूं, बस उम्मीद कर रहा हूं कि अधिक जानकारी कहीं और प्रदान की जाएगी। –

+0

यूप, पूरी तरह से समझते हैं कि मुझे उन्हें खींचने दें और अगली टिप्पणी में पोस्ट करें –

उत्तर

2

यह known issue in IE7 and forward प्रतीत होता है।

जैसा कि बताया गया है, एक विकल्प यह है कि इसे छोड़ने के लिए ऑनमोस्डउन घटना का उपयोग करना एक विकल्प है।

$(document).ready(function() { 
     $('select').mousedown(function() { 

      $(this).addClass('yellowBackground'); 

     }) 
    }); 

यह, लटकती के लिए खत्म हो टैब के साथ काम करेंगे नहीं है, हालांकि onfocusin के रूप में अच्छी तरह से काम करने के लिए माना जाता है (लेकिन यह jQuery में मौजूद नहीं है)।

0

मुझे लगता है कि समस्या अधिक कैसे <asp:DropDownList> नियंत्रण इस्तेमाल किया गया है के साथ क्या होने की संभावना है। सर्वर-साइड कोड को देखे बिना, पूर्ण चित्र को देखना मुश्किल है। क्या आप अपने पेज के लिए एएसपीएक्स मार्कअप और कोड-बैक भी प्रदान कर सकते हैं?

+0

ने बस एक सरल पृष्ठ के लिए कोड डालने के लिए एक कोड जोड़ा। यह केवल आईई 7 में होता है। खेद है कि मैंने यह स्पष्ट नहीं किया कि –

+0

क्या आप ' 'पर' AutoPostBack = true' 'करते हैं? –

+0

ऑटोपॉस्टबैक जोड़ने के ऊपर नमूना कोड का उपयोग व्यवहार को नहीं बदलता है। –

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