首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >jQuery悬停问题

jQuery悬停问题
EN

Stack Overflow用户
提问于 2011-02-18 03:30:26
回答 3查看 94关注 0票数 0

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

代码语言:javascript
复制
$(function() {
    $('#projects').hover(function() {
        $('#projects .pane').show(200), $('#projects .pane').hide(200);
    })
});

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

谢谢:)

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2011-02-18 03:33:47

您的代码应如下所示:

代码语言:javascript
复制
$(function() {
    $('#projects').hover(function() {
        $('#projects .pane').show(200);
    }, function(){
        $('#projects .pane').hide(200);
   });
});

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

票数 1
EN

Stack Overflow用户

发布于 2011-02-18 03:34:38

您忘记了函数(){ seperator,因此当前代码包含了鼠标悬停事件中的隐藏和显示。试试这个:

代码语言:javascript
复制
$(function() {     
    $('#projects').hover(function(){         
        $('#projects .pane').show(200)
        }, function(){
         $('#projects .pane').hide(200);     
         });
}); 
票数 3
EN

Stack Overflow用户

发布于 2011-02-18 03:37:04

代码语言:javascript
复制
$(function() {
    $('#projects').hover(function() {
        $('#projects .pane').show(200)},

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

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

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/5033619

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档