Question

感谢阅读。

目前，以下是我的代码：

<script>
$(document).ready(function(){
    $('.withdraw_money').hover(function(){
        if ($("#withdraw_money_div").is(":hidden")){
            $("#withdraw_money_div").slideDown("slow")
        }else{
            $("#withdraw_money_div").hide()
        }
    });
});
</script>

好。所以，当其他div（.withdraw_money）悬停时，我能够让div（#withdraw_money_div）向下滑动。但我现在的问题是，当我将鼠标移到#withdraw_money_div时，我怎么能让div继续留在？

我似乎无法找到办法。任何帮助表示赞赏

Answer 1

在您的HTML中将#withdraw_money_div放入'.withdraw_money'，生成一个孩子，因此您仍然会处于.withdraw_money悬停事件

还..

$(document).ready(function(){
$('.withdraw_money').hover(function(){
    if ($("#withdraw_money_div").is(":hidden")){
        $("#withdraw_money_div").slideDown("slow")
    }else{                            // why is this here?
     $("#withdraw_money_div").hide() //if div isn't hidden(shown) you're hiding it!!
    }
  });
});

我会建议.mouseOver或.hover使用2个函数，它会覆盖鼠标悬停以及当你将鼠标悬停在div之外的函数 - 我认为这是你用其他语句做的事情

Answer 2

工作演示试试这个http://jsfiddle.net/YuBNT/

希望它适合原因:)

<强>代码

  $(document).ready(function() {
        $("#withdraw_money_div").hide();
        $('.withdraw_money').hover(function() {
            $("#withdraw_money_div").slideDown("slow")


        }, function() {
            $("#withdraw_money_div").slideUp("slow")

        });
    });

在div之间移动时保持div在悬停时打开（使用jQuery）

2 个答案: