通过触发器打开一个div，只要在打开的div中保持打开状态

问题描述：

一个简单的jQuery问题有一个触发器，它打开一个div，现在我想让div保持打开状态，只要鼠标在DIV。通过触发器打开一个div，只要在打开的div中保持打开状态

例如，（触发器） - >打开（盒子） - >只要将鼠标放在盒子里，让盒子打开。

这是怎么回事？

哎呀，解决了这个问题，提出了主DIV，并把悬停功能就可以了 – veer

答

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

改变你的DOM一点，并把框内INSIDE触发器使其工作。

HTML：

<div id="trigger"> 
    <span>This is a trigger</span> 
    <div id="box"></div> 
</div>

脚本：

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

CSS：

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

我改变了#trigger元件的宽度（默认的div元素需要100％）和我改变了标记（在触发器内部添加框）。

工作示例：

+1看起来OP对接受这一个不感兴趣。 :)我几乎感觉到你的痛苦;） –

答

或类似的：

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

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