jquery - 带有选择框的下拉 div 不起作用 IE9

Question

嗨，我有 IE9 的问题。我有带有选择框的下拉菜单，如果我尝试选择值，悬停 div 将消失。我试图通过一些代码来弄清楚，但我被卡住了。这是我的代码。所以如果有人知道如何修复那个 IE 芽，我会很高兴的。谢谢

代码：http: //jsfiddle.net/fT7D3/13/

Answer 1

Check out this fiddle

Try this code :

$('.left_content_tab_combobox').focus(function() {
    $(this).parents('.dropdown').addClass('dropdown_hover'); }).blur(function() {
    $(this).parents('.dropdown').removeClass('dropdown_hover');
});

Answer 2

修改了您的 html+css 并使用 jQuery 隐藏和显示下拉菜单。仅使用伪选择器可能无法做到这一点:hover，您可以看看这个问题。

$(document).ready(function(){
    $('.drop').mouseenter(function(){
        $('#menu .content').hide();
        $(this).next('.content').show();
    });
    $('.closex').click(function(){
        $(this.parentNode).hide();
    });
});

小提琴/粘贴