Javascript 用if语句制作动画

我完全是Javascript和jQuery的初学者。如果var为真，我会尝试设置div的动画，但它不起作用。谁能给我指一下正确的方向

以下是我目前的代码：

var prompti = prompt("Please enter true value");

$(document).ready(function(){
    if (prompti === true) {
        $('#test').animate({"left": "300px"}, 200)
    };
 });

---

Prompt

以字符串形式返回值，因此您应该进行检查

if (prompti === 'true') //match as string

---

以下是一个工作示例：

---

prompt函数返回一个字符串，您正在根据一个布尔值进行验证。

在最后一个

}

之后有一个不必要的分号，而前一行缺少一个分号

我还对您的代码进行了一些编辑，下面是一个正在运行的JSFIDLE：

HTML

<div id="container">
    <div id="test"></div>
</div>

JS

#container {
    position:relative;
}
#test {
    background-color:grey;
    width:100px;
    height:100px;
    position:absolute;
    top:0px;
    left:0px;
}

var prompti = prompt("Please enter true value");

$(document).ready(function () {
    if (prompti !== null) {
        $('#test').animate({
            "left": "300px"
        }, 200);
    }
});

---

JSFIDLE可以帮助您解释希望用户输入的值。然后我们可以提出一个解决方案。仅仅发布你的代码并不能告诉我们你想要实现什么。“真值”是什么意思？这是一个可能会帮助你的老动画-基于点击和不透明度、大小的变化。您可以使用我们从某处开始的各种jQuery命令

var prompti = prompt("Please enter true value");

$(document).ready(function () {
    if (prompti !== null) {
        $('#test').animate({
            "left": "300px"
        }, 200);
    }
});