Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/471.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery slideUp()故障_Javascript_Jquery_Html_Overlay - Fatal编程技术网

Javascript jQuery slideUp()故障

Javascript jQuery slideUp()故障,javascript,jquery,html,overlay,Javascript,Jquery,Html,Overlay,我在开发jQuery“对象”时遇到问题。我希望div1(参考下面的图片)是背景div,其中包含一个图片(使用背景图片)。然后我希望div2(参考下图)覆盖div1,我可以这样做。然而,由于我对jQuery没有什么经验,这是我正在努力解决的下一个问题。我想,当您将鼠标悬停在div2上时,我使用jQuery slideDown()/slideUp()来显示和隐藏div3(请参阅下图)。它也不需要在向上滑动时关闭(因为光标将不再位于div2上)。只有当您不再在整个对象上悬停时,它才会关闭。我希望这是有

我在开发jQuery“对象”时遇到问题。我希望div1(参考下面的图片)是背景div,其中包含一个图片(使用背景图片)。然后我希望div2(参考下图)覆盖div1,我可以这样做。然而,由于我对jQuery没有什么经验,这是我正在努力解决的下一个问题。我想,当您将鼠标悬停在div2上时,我使用jQuery slideDown()/slideUp()来显示和隐藏div3(请参阅下图)。它也不需要在向上滑动时关闭(因为光标将不再位于div2上)。只有当您不再在整个对象上悬停时,它才会关闭。我希望这是有意义的。。。我只是不知道从哪里开始。如果需要更多信息,请询问


我相信这样的事情应该可以做到,或者至少它给了你一个开始的机会,让你可以继续努力,进一步提高

标记

<div class="wrapper">
    <div class="one"></div>
    <div class="two"></div>
    <div class="three"></div>
</div>
JavaScript

$(function () {
    $(".two").mouseenter(function (){
         $(".one, .three").slideToggle();
    });
    $(".wrapper").mouseleave(function (){
         $(".one, .three").slideToggle();
    });
});​

一个实例:

请向我们展示您的HTML。我们需要看到您正在谈论的div的结构、id和类,否则我们将对您需要的代码进行胡乱猜测。此外,请包括任何代码,你已经试图完成这一点。
$(function () {
    $(".two").mouseenter(function (){
         $(".one, .three").slideToggle();
    });
    $(".wrapper").mouseleave(function (){
         $(".one, .three").slideToggle();
    });
});​