jQuery悬停问题

时间:2011-02-17 19:30:26

标签: jquery

我遇到了一些jQuery问题。当你将鼠标悬停在一个元素上时我想显示这个div,当你不在它上面时我会隐藏它。

$(function() {
    $('#projects').hover(function() {
        $('#projects .pane').show(200), $('#projects .pane').hide(200);
    })
});

当你悬停时,它会在同一时间消失。

谢谢:)

3 个答案:

答案 0 :(得分:3)

你忘记了函数(){seperator,因此当前代码包括隐藏并在鼠标上显示事件。 试试这个:

$(function() {     
    $('#projects').hover(function(){         
        $('#projects .pane').show(200)
        }, function(){
         $('#projects .pane').hide(200);     
         });
}); 

答案 1 :(得分:1)

您的代码应如下所示:

$(function() {
    $('#projects').hover(function() {
        $('#projects .pane').show(200);
    }, function(){
        $('#projects .pane').hide(200);
   });
});

hover需要两个函数参数。一个用于鼠标结束时,另一个用于鼠标离开时。

答案 2 :(得分:1)

$(function() {
    $('#projects').hover(function() {
        $('#projects .pane').show(200)},

            function() {$('#projects .pane').hide(200);}
    )
});

http://jsfiddle.net/fCbQv/1/