Question

我有链接和链接悬停显示div当离开光标形式div和链接隐藏div使用jQuery。我有显示它的代码，当我从这些链接和div中留下光标时，我怎么能隐藏它。这是我的HTML代码。

 <a href="javascript:void(0);" id="show_div">2 items</a>
 <div id="dropcart">contents</div>

<script type="text/javascript">
$(document).ready(function(){
 $("#show_div").hover(function(){
       $("#dropcart").fadeIn();
    });                 
});

Answer 1

$("#show_div").hover(function(){
     $("#dropcart").fadeIn();
});

$("#dropcart").mouseleave(function(){
    if($("#show_div").is(':hover') === false)
    $("#dropcart").fadeOut("fast"); 
});

demo

Answer 2

编辑:(对于downvoters和OP）

我误解了这个问题。那么，我的建议是使用超时。

.hover(function(){ clearTimeout(window["timeoutVar"]); $("#dropcart").fadeIn(); },function(){window["timeoutVar"]=setTimeout(function(){ $("#dropcart").fadeout(); },50);});

然后将.hover应用于div。这样，如果用户不将鼠标悬停在延迟50毫秒之后，div将会淡出，这将取消超时（并防止淡出）。

在链接悬停显示div，它显示在该div和链接的悬停

2 个答案: