1

首先，我查找了我的问题，但只发现了不密切相关的主题，我相信这可能与我在谷歌上找到的不同，感谢您花时间研究我的问题。

http://jsfiddle.net/dSJMG/

在这里您可以看到一个演示，其中我使用 jQuery 1.8 并有一个包含标签和选择元素的 div，这些已打开悬停事件以提供编辑功能，并发现当悬停字段并在选择下拉列表中选择任何选项时，有时会触发 mouseleave 事件，但是我没有用鼠标指针离开选项列表。这似乎是以非确定性的方式发生的，更常见的是在更快地移动选项上的指针时（但仍然没有离开其区域）。我也可以在每个主流浏览器上重现它，但是我知道只有 IE 正式有这个错误。

这可能与定位有关，因为当我增加容器与其子容器之间的空间时，问题似乎得到了解决。

任何想法表示赞赏。

谢谢

4

1 回答 1

0 
var $select = $("select.sel"), $label = $("label.lab");

$(".cont").hover(function(evt) {
    if (evt.type === "mouseenter") {
        $select.val($label.hide().text()).show();
        $select.addClass('active');
    } else {
        if(!$select.hasClass('active')) {
            $label.text($select.hide().val()).show();
            $select.removeClass('active');
        }
    }
});

$("select.sel").change(function() {
    if($select.hasClass('active')) {
        $label.text($select.hide().val()).show();
        $select.removeClass('active');             
    }
});

像这样改变jQuery

于 2012-09-18T10:13:38.440 回答