Question

我是Javascript和jQuery的初学者。我试图动画一个div如果一个var是真的但它不起作用。有人能指出我正确的方向！

到目前为止，这是我的代码：

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

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

Answer 1

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

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

Answer 2

这是一个有效的例子：

http://jsfiddle.net/DavidLaberge2014/369e7av4/1/

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


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

提示函数返回一个字符串，你正在验证一个布尔值。

Answer 3

你的第二个}后面有一个不必要的分号，而你在前一行中遗漏了一个分号。

我还编辑了一些代码，这是一个有效的jsfiddle：http://jsfiddle.net/ctwheels/6q5vganh/

<强> HTML

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

<强> CSS

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

<强> JS

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

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

使用if语句的jQuery .animate

3 个答案: