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

【问题标题】：Keep div opened on hover while moving between divs (using jQuery)在 div 之间移动时保持 div 在悬停时打开（使用 jQuery）
【发布时间】：2012-10-21 02:53:02
【问题描述】：

感谢阅读。

目前，以下是我的代码：

<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 继续保持悬停状态？

我似乎无法找到一种方法来做到这一点。任何帮助表示赞赏

【问题讨论】：

标签： javascript jquery hover mouseover

【解决方案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 之外时的功能 - 我认为这就是您在 else 语句中所提到的

【讨论】：

【解决方案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")

        });
    });

【讨论】：

我假设他的 html 不是用“#withdraw_money_div”作为 '.withdraw_money' 的子级编写的，就像在你的小提琴中一样 - 否则他的代码已经可以工作了
@ScottSelby 感谢您的评论 - 好吧，希望 OP 尽快提供 Html，但 dmoe 会给他/她更好的主意，:)