jQuery/浏览器问题,选择时出现悬停事件



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

http://jsfiddle.net/dSJMG/

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

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

任何想法都值得赞赏。

感谢

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

最新更新