Firefox中的mouseenter，mouseleave

Question

我在Firefox 16中遇到了一个奇怪的问题。

在div中，我正在淡入mouseenter（淡出mouseleave）事件时，会嵌入一个选择标记。当我将鼠标移到选项上时，div会逐渐消失，等等。但是没有机会选择一个选项。

Chrome中不会发生这种情况。有谁知道为什么会这样，以及如何解决它？

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

Answer 1

试试：http://jsfiddle.net/sCmnd/3/。我在Firefox上进行了测试，但它确实有用。

mouseleave:function(evt) {
    if (evt.target.nodeName.toLowerCase() !== "select") {
        $('div.fade').fadeOut();
    }
}

由于某些原因，mouseleave触发select元素，但是当selectle元素触发mouseleave时，这不允许淡出。