JQuery动画不工作

由于某些原因，我似乎无法获得。设置动画以正常工作。有人知道为什么吗

我在用这个 集装箱舱

#valve-menu {
    position: absolute;
    width: 780px;
    top: 200px;
    background-color: #9C3;
    margin-right: 9px;
    margin-left: 10px;
}

然后

#control-cover{
    height: 50px;
    width: 180px;
    overflow: hidden;
    position: absolute;
    }
#control{
    background-color: #0C9;
    height: 200px;
    width: 180px;
    margin-right: 10px;
    position: absolute;
    }

我的Jquery是这样的

$(document).ready(function(){

    //When mouse rolls over
    $("#control-cover").mouseover(function(){
        $(this).stop()
               .animate({height:'150px'},
                        {queue:false, duration:600, easing: 'easeOutBounce'})
    });

    //When mouse is removed
    $("#control-cover").mouseout(function(){
        $(this).stop()
               .animate({height:'50px'},
                        {queue:false, duration:600, easing: 'easeOutBounce'})
    });

});

我想让control div部分隐藏，然后在mouseover上展开。

jQuery中的

$（“#control over”）

选择器将在html中搜索id为

control over

的元素，例如

。从您的代码示例中，看起来您有一个CSS类，名为

控制

。这两者不一样

---

您需要将

id=

属性添加到html元素中，或者按类名搜索元素，如

$（'.control over'）

这是可行的。如果您没有使用Easing插件，那么jQuerySwing和Linear中默认只有两个插件可用： 来自jQuery网站

缓和

.animate（）的剩余参数 是一个命名函数的字符串 使用。缓和函数指定 动画播放的速度 在内部的不同点上取得进展 动画。唯一的缓和 jQuery库中的实现 是默认值，称为swing，和 以恒定的速度前进， 称为线性。更宽松的功能 可通过使用 插件，尤其是jQuery UI 套房

---

当你说“正确地设置动画”是什么意思？它到底在做什么？没有什么还是出了什么事？嗨，格雷格。写问题时请使用代码按钮（看起来像：{}）。只需突出显示代码并按下按钮。你也可以在文本区域下面看到你的帖子的样子。我已修复了您文章中的格式，因此您可以查看编辑历史记录，查看我所更改的内容。：）格式越好，越容易理解，人们就越有可能阅读和回答您的问题。不确定这是否是问题所在，但如果您不尝试在同一页面上同时加载jQuery 1.3和jQuery 1.4，可能会有所帮助。。。检查您最喜欢的浏览器开发人员工具以查找页面上的JS错误：）什么代码示例？CSS选择器与jQuery选择器匹配。您在这里指的是什么？

#

是jQuery和CSS中的一个ID选择器。。。我在他的CSS中没有看到任何类选择器。html看起来像是id“control”的内容出现在这里，而动画什么也不做。在这里，我使用的是来自谷歌的jQuery CDN，最新版本现在是1.5.2，工作起来很有魅力！谢谢你知道我能不能在其他三个部门实施这个吗？我本想把它们都放在一个类中，但有些div比其他div长，因此我需要比其他div更深入地了解cetain div。我曾尝试使用最小高度、切换（来自animate（）），更改CSS，但这需要我学习更多关于编程的知识才能完成。：）

    $(document).ready(function(){

        //When mouse rolls over
        $("#control-cover").bind('mouseover mouseenter',function(){
            $(this).stop()
            .animate({height:'150px'},
            {queue:false, duration:600, easing: 'swing'})
        });

        //When mouse is removed
        $("#control-cover").bind('mouseout mouseleave',function(){
            $(this).stop().animate({height:'50px'},
            {queue:false, duration:600, easing: 'swing'})
        });

    });