javascript - jQuery动画不起作用

我知道它多次发布在这里，我已经查看了其中的每一个并修改了我的代码无数次，但是我似乎无法使我的动画函数正常工作。我正在尝试获取飞机的图像，该图像在屏幕上从左向右移动，停止一半。这是我当前的代码：

HTML：

<div id="plane">
    <img src="plane.png" alt="" id="plane2" height='100px' width='100px'>
</div>

CSS：

#plane {
    position: relative;
}

javacript / jQuery：

function animatePlane() {
    var width = $(document).width / 2;
    $("#plane").animate({
        left: '+=' + width
    }, 500);
}

问题在于飞机根本不动。我试过移动div和图像。我尝试为其分配一个$（“＃plane”）。click。而且我尝试了更多的事情。这是我第一次尝试使用jQuery移动某些内容，因此有可能缺少一些简单的内容。是的，该函数正在被调用。感谢您的任何帮助！

最佳答案

这个

var width = $(document).width / 2;

返回NaN，因为从未调用width函数，您可能想要

var width = $(window).width() / 2;

关于javascript - jQuery动画不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/30292056/