Javascript jQuery离开画布不工作

我设置了一个非画布功能，无法使其正常工作

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

---

切换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)
    });
});

---

您不能测试百分比，相反，您应该颠倒您的if语句：

val = $navigacia.css('left') === '0px' ? '90%' : '0';

---

它测试宽度是否为0，如果为0，则将其设置为90%。下次单击时，因为宽度不是0，所以会将其设置回0。

非常感谢，我知道一定有一个简单的解决方案。不知道该走哪条路…不过我还有一个问题。我实现了这个，在Chrome中，第一次点击不起作用。页面加载后，它在第二次单击时切换

val = $navigacia.css('left') === '0px' ? '90%' : '0';