jQuery中的onHover事件

时间:2015-06-08 23:10:23

标签: jquery

我正在尝试使用onHover事件更改边距权限值,该事件在光标实际上在.one(例如)时触发,并在光标未打开时返回正常.one

这就是我所做的:

$(document).ready(function(){
    if 
        $(".sidebar .navicon").hover(function() {
        $(".sidebarwrap").css('margin-right', "0");
    });

    else{
        $(".sidebarwrap").css('margin-right', "-345px");
    }
});

我做错了什么?

编辑:如果我将光标从.navicon(即.sidebarwrap的子节点)移开,margin-right将变回“-345px”(其默认值),我不想要它!它会更容易在CSS中,但正如我所说,我不能做这种事情,因为我想通过影响其孩子的事件影响父css

1 个答案:

答案 0 :(得分:6)

hover事件使用2个函数,而不是ifelse,请查看以下简单示例:

$(document).ready(function(){
    $(".sidebar .navicon").hover(function() {
        $(".sidebarwrap").css('margin-left', "50px");
    }, function() {
        $(".sidebarwrap").css('margin-left', "0");
    });
});

DEMO

Learn more here