mouseover mouseout无法正常工作

Question

尝试在鼠标上显示模态并在鼠标输出时关闭模态。 我给div上课并在.hover上调用它。

但它就像闪烁一样。 公开关闭。

为什么会出现这种行为？

即使是鼠标也在div内部关闭。

$('.divclass').hover(function(){
  dialog.open()
},
function(){
  dialog.close()
});

我使用鼠标和鼠标..相同的行为，如闪烁..打开关闭... 为什么？？任何建议

Answer 1

我建议你试试

$('.divclass').mouseenter(function() {
  //dialog open
});

$('.divclass').mouseleave(function() {
  //dialog close
});

Answer 2

在css中将对话框指定为：pointer-events: none;
这可以防止对话框干扰悬停操作。

Answer 3

请尝试使用以下代码

$（”。divclass'）。悬停（         function（）{           dialog.open（）
        }，         function（）{             dialog.close（）         }     ）;

有一个hoverIntent插件，如果可能的话，这是非常有用的尝试 http://cherne.net/brian/resources/jquery.hoverIntent.html