JQuery动画功能不起作用_Jquery

JQuery动画功能不起作用

jquery

JQuery动画功能不起作用,jquery,Jquery,我对jQuery中的animate函数有问题。我正在本地工作，该函数不会为我的div元素设置动画 <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script> $(doc

我对jQuery中的

animate

函数有问题。我正在本地工作，该函数不会为我的

div

元素设置动画

<!DOCTYPE html>
<html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        <script>
            $(document).ready(function() {
                $("button").click(function() {
                    $("div").animate({left: '250px'});
                });

            });
        </script>       
    </head>
    <body>

        <div style="position:absolute"> Animate Box </div>
        <button> Start </button>

    </body>
</html>


$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
$（“div”）.animate（{左：'250px'}）；
});
});
动画框
开始

如果希望

left

属性生效，必须更改div的属性。例如，您可以使用

fixed

动画工作正常，但元素没有移动，因为它没有位置或起点：

<!DOCTYPE html>
<html>
    <head>
        <style type="text/css">
            div {position: relative; left:0;}
        </style>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        <script>
            $(document).ready(function() {
                $("button").click(function() {
                    $("div").animate({left: '250px'});
                });
            });
        </script>       
    </head>
    <body>
        <div> Animate Box </div>
        <button> Start </button>
    </body>
</html>


div{位置：相对；左：0；}
$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
$（“div”）.animate（{左：'250px'}）；
});
});
动画框
开始

在这里工作：。如果您发布的代码在本地不起作用，我会检查jQuery是否真的在加载，如果不是，请尝试从本地源加载。在我们回答后，您修复了代码…首先，您提出了一个问题，发布了不起作用的代码，在我们回答后，您修复了代码，使其正常工作->！多牛啊，旗子！Jony，为了详细说明adeneo的担忧，请理解本网站的目标是创建帮助许多人的问题和答案。如果编辑问题以删除原始问题，则没有人可以从答案中获益。取而代之的是，考虑接受和支持下面的有益答案。如果现有答案都不能解决问题，请发布您自己的答案。它已设置为元素上的

位置：绝对内联…@Jasper我确信它已更改。。。起初它不在这里。OP在我们回答后修复了这个问题…不，不，我更改了单词中的语法错误div有一个内联样式属性。。。如果未设置top/left/right/bottom
属性，浏览器将默认为top:0；左：0
…但我在div标记样式位置absolute@Jasper-它现在有了，当我复制代码时它没有，当我把左：0动画工作良好。但是他不想离开animate@Jony-我确实认为所有浏览器都默认使用left:0
，但可能是由于某种奇怪的原因，jQuery正在返回auto
，这就是它不工作的原因。我通常喜欢将带有left
和top
值的元素放在CSS中，这样，无论浏览器做什么，它们都将始终位于给定的位置。