javascript - jQuery脱离 Canvas 无法正常工作

我已经设置了 Canvas 功能，但无法正常工作。

尝试将其关闭时，它不会滑回到左侧。当我使用250px而不是90％时效果很好，但是我需要百分比!

http://jsfiddle.net/3Wdby/

$(document).ready(function () {
    $('#push, #close').click(function () {
        var $navigacia = $('body, #slide-menu'),
            val = $navigacia.css('left') === '90%' ? '0px' : '90%';
        $navigacia.animate({
            left: val
        }, 300)
    });
});

最佳答案

切换if语句以检查它是否为0px而不是90％，因为当您查看它是否为90％时，它将以像素为单位返回

$(document).ready(function () {
    $('#push, #close').click(function () {
        console.log($('body, #slide-menu').css('left'));
        var $navigacia = $('body, #slide-menu'),
            val = $navigacia.css('left') === '0px' ? '90%' : '0px';
        $navigacia.animate({
            left: val
        }, 300)
    });
});

DEMO