Jquery 通过触发器打开一个div，只要鼠标在打开的div中，就让它保持打开状态

一个简单的jQuery问题 有一个触发器，它打开一个div，现在我希望只要鼠标在div中，div就保持打开状态

例如（触发器）->打开（盒子）->只要鼠标在盒子里，保持盒子打开

如何做到这一点？

---

问题是您的悬停正在处理触发器div。 如果您离开触发器div，将调用mouseOut函数

稍微更改一下DOM，然后将框放在触发器中使其工作

html:

css:

我更改了#trigger元素的宽度（默认情况下，div元素采用100%） 我更改了标记（在触发器内添加框）

工作示例：

或者类似的：

$('#trigger').mousenter(function() {
    $('#box').show();
});

$('#box').mouseleave(function() {
    $(this).hide();
});

---

Oops，解决了它，制作了一个主div，并在其上添加了悬停函数+1。看起来OP对接受这个函数不感兴趣。：）我几乎感觉到了你的痛苦；）

$('#trigger').hover(function() {
    $('#box').show();
}, function() {
    $('#box').hide();
});

#box {width:350px;height:400px;border:1px solid #000;display:none;}
#trigger {width:350px;}

$('#trigger').mousenter(function() {
    $('#box').show();
});

$('#box').mouseleave(function() {
    $(this).hide();
});