Question

请看一下这个小提琴链接：http://jsfiddle.net/NQqbE/1/

这是我的jQuery：

$(document).ready(function(){
    $('#B h4').mouseover(function(){
        $('#C').slideDown();
    });

    $('#C').mouseleave(function(){
        $('#C').slideUp();
    }); 
});

我已经通过点击“div＃B h4”设置了slideDown“div＃C” 但问题是当我将div＃C值2-5内的select选项元素悬停在div＃C slideUp上时，可能是因为我的鼠标离开了div。

所以我的问题是：无论如何选择那些选择在div＃C之外的选项并且jquery仍然将它读作div＃C内部所以mouseleave函数不运行

提前致谢!!

Answer 1

如果你分开C和B，它就可以了

<div id="A">
    <div id="B">
        <h4>Show Menu</h4>
    </div>
    <div id="C">
        <p>This is a paragraph</p>
        <select>
            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>
        </select>
    </div>        
</div>

$(document).ready(function(){
    $('#B').mouseenter(function(){
        $('#C').slideDown();
    });

    $('#C').mouseleave(function(){
        $('#C').slideUp();
    });

});

小提琴：http://jsfiddle.net/NQqbE/2/

jQuery选择器+ slideUp + slideDown选项选择无法正常工作

1 个答案: