javascript - jQuery 满足 'if' 未执行

Question

我正在玩一些交互式菜单，目前有一个隐藏菜单，当按下一个按钮时，它会从右边出现，并将整个内容移到上面。有点像移动 facebook 应用程序。为了确定按钮应该将菜单滑出还是放回我使用 javascript if 语句，但是只有当 if 条件不满足时 else 才会运行，如果语句满足则 if 不会运行。

var height = $(window).height(),
    width = $(window).width(),
    sideright = $("#sidemenu").outerWidth();
    sidepos = parseInt($("#sidemenu").css( "right" ));

    $("#sidemenu").css("right", - sideright);

    $(".menubutton").click( function() {
        alert(sidepos);

    if(sidepos == '0') {    
        $("#sidemenu").css("right", - sideright);
        $("#content").css("left", "0" );
    }

    else{
        $("#sidemenu").css("right", "0");
        $("#content").css("left", - sideright);
    }

    alert(sidepos);
});

警报用于测试目的，因此我可以在执行函数之前查看正在读取的变量。

看起来在移动菜单之后，读取菜单右侧位置的变量并没有像它应该的那样改变。

我在这里设置了一个示例脚本 http://jsfiddle.net/Ccxs6/

非常感谢

Answer 1

这里是更新的 fiddle 解决方案。

$("#button").click( function() {
    var sidepos = parseInt($("#sidemenu").css( "right" ));
    alert(sidepos);

if(sidepos == '0') {    

    $("#sidemenu").css("right", - sideright);
    $("#content").css("left", "0" );
}

else{

    $("#sidemenu").css("right", "0");
    $("#content").css("left", - sideright);
}

    alert(sidepos);

});

Fiddle