jQuery .hover不工作

时间:2012-06-21 16:02:17

标签: jquery html css jquery-hover

嗨我的代码有什么问题:

当我将鼠标悬停在#open #pull_down_content上时,应从标题向下移动页面,当我离开#open时,它应该向上移动。但是当我在页面加载#pull_down_content时,我甚至将鼠标悬停在屏幕上时,我会立即测试代码。

$(function() {

//Open on hover 
$('#open').hover((function(){
    $('#pull_down_content').animate({'top':'-0px'},1000);
})

//Close when not hovered
(function(){
    $('#pull_down_content').animate({'top':'-340px'},1000);

})
});
);

2 个答案:

答案 0 :(得分:14)

尝试修复您的功能,如下所示

$(function() {        
    $('#open').hover(function(){ //Open on hover 
        $('#pull_down_content').animate({'top':'-0px'},1000);
    },    
    function(){ //Close when not hovered
        $('#pull_down_content').animate({'top':'-340px'},1000);    
    });
});

答案 1 :(得分:1)

只需要一点修复

$('yourElement').hover(
   function(){
      // hover code
   }, function(){
      // unhover code 
   }
);