Javascript 内部选择使滑动向下的div（父级）消失

我有一个下拉列表（向下滑动），里面有一个

select

元素：

在Chrome上，您可以显示它，然后从1-4中选择（2-4，单击框隐藏），使其工作50%

OnFF如果显示该框并将鼠标悬停在某个选项上，它将立即消失

我试过这个：

function display(".drop") {
    document.getElementsByClassName(".drop").style.left = "-5px";
}

function hide(".drop") {
    document.getElementsByClassName(".drop").style.left = "-9999px";
}

---

…但没有用。想知道是否有人知道如何解决这个问题吗？

您可以为弹出DOM的

select

元素添加一个额外的事件处理程序

这样，如果光标仍在

select

元素上，则不会调用

$（'header.parent.animated'）

上悬停事件的第二个回调函数：

$('header .parent.animated select').hover(
    function(e){
        e.stopPropagation();
    },
    function(){
        $(this).parents('.drop').hide();
    }
);

请看这里：

这似乎在Chrome和Firefox中都有效