javascript - 简单的 if/then 语句出现问题

Question

这个问题不太可能对任何 future 的访客有帮助；它只与一个较小的地理区域、一个特定的时间点或一个非常狭窄的情况相关，通常不适用于全世界的互联网受众。如需帮助使此问题更广泛适用， visit the help center 。

已关闭 10 年前。

我是一名设计师，除了 HTML/CSS 之外，不太擅长编写任何代码。我几乎不懂 Javascript，但我通常可以通过 Franken-copypasta 的方式获得成功的 jQuery 脚本，以实现简单的动画和基本功能。但在这种情况下，我在某个地方被绊倒了，但我不知道在哪里。

该脚本的目的只是在单击“#showNav”按钮时将“#left-sidebar”元素的“left”属性在 0 到 -250px 之间切换。

$(document).ready(function(){
var navPos = $('#left-sidebar').position().left;
$('#showNav').click(function(){
    if(navPos = -250){
        $('#left-sidebar').animate({
            left: '0px'
        }, 500);
    } else {
        $('#left-sidebar').animate({
            left: '-250px'
        }, 500);
    }
});
});

我想我可以编写一个 if/then 语句来检查元素是否已经在 -250 处，并相应地切换到相反的值。目前，单击该按钮会导致 #left-sidebar 从 -250 变为 0，但是当我再次单击该按钮时，它不会按预期返回到 -250。我想这是一个非常简单的修复，但我什至不知道从哪里开始......

Answer 1

<强> CODE DEMO

$(function(){ // a bit shorter DOM ready

    $('#showNav').click(function(){
        var navPos = $('#left-sidebar').position().left;       
        $('#left-sidebar').stop().animate({left: navPos===-250 ? 0 : -250}, 500);
    });

});

• 点击后检索位置并
  
• 使用一个简单的三元运算符，它只是说:

is navPos === -250            ?
if YES (animate left to 0   ) :
if NO  (animate left to -250) ;