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

目前，以下是我的代码：

<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）滑下。但我现在的问题是，如何将div移到#withdraw_money_div时继续保持悬停状态？

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

来源

2012-10-21 Lawrence

在你的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 - 我认为这是你通过其他语句

来源

2012-10-21 02:55:43

工作演示试试这个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") 

     }); 
    });

来源

2012-10-21 02:58:54

我假设他的HTML was't写有 “#withdraw_money_div” 作为'一个孩子.withdraw_money'就像它是在你的小提琴 - 否则他的代码将已经工作 –

没关系，我重新读他的代码 –

@ScottSelby感谢评论 - 好吧，希望Html将尽快由OP给出，但dmoe将giv他/她更好的主意，'：）' –

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

回答

相关问题