2009-09-21 27 views
5

Bir açılır menünün arka planını değiştirmek için jquery kullanıyorum. Bazı nedenlerden ötürü, şimdi tek bir tıklama yerine bir öğeyi seçmek için iki tıklama gerekir.Bir html seçim etiketi ile odak olayında jquery

Ne ben bulamıyorum bu gerçekleşir ve bu yüzden etkili bir çözüm veya daha iyisi bir düzeltme. Bu, ie0 & yani 8'de ortaya çıkıyor gibi görünüyor (bir arkadaşımın kutunun üzerinde test ettiğinden) Bu sorunu test etmek için kullandığımız tam kod aşağıdadır.

----------------------------- TAM ANLAMLANDIRMA --------------- -----------------

<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

, o zaman bu iddia yedeklemek bazı bağlantılar sağlamalıdır. –

+0

Sizi şüphe etmiyorum, sadece başka bir yerde daha fazla detayın sağlanacağını umuyorum. –

+0

Yup, tamamen anladım ve bir sonraki yorumda yazmama izin ver. –

cevap

2

Bu known issue in IE7 and forward gibi görünüyor. belirtildiği gibi

, bir seçenek de bu atlamak için onmousedown olay kullanmaktır. onfocusin yanı çalışmak gerekiyordu olsa

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

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

     }) 
    }); 

Bu

, açılan yanına sekme ile çalışmaz (ama jquery yoktur). Bu web'de arama üzerine size özgü değildir bulduysanız

0

sorun <asp:DropDownList> kontrolü nasıl kullanıldığını ilgisi daha muhtemel olduğunu düşünüyorum. Sunucu tarafı kodunu görmeden, daha dolu bir resme bakmak zor. Ayrıca, sayfanız için aspx biçimlendirmesi ve kod arkaplanı sağlayabilir misiniz?

+0

sadece gösterilecek basit bir sayfa için bir kod ekledi. Bu sadece IE 7'de gerçekleşir. Üzgünüm, daha önce –

+0

'' '' 'AutoPostBack = true '' yi açıklığa kavuşturmamış mıdır? –

+0

Yukarıdaki örnek kodun kullanılması, otomatik sıfırlama ekleme davranışını değiştirmez. –