JQuery的.animate（）不能在HTML页面中工作

-3

尽管这很简单，但我想知道我的小div如何不可能变得更大。有人知道为什么（PS我试图在每一个浏览器上运行它，我真的找不到任何语法错误，我越来越瞎..或只以上）JQuery的.animate（）不能在HTML页面中工作

$(document).ready(function() { 
 
    $("#abc").click(function() { 
 
    $(this).animate({ 
 
     left: '250px' 
 
    }); 
 
    }); 
 
});

#abc { 
 
    border: 1px solid green; 
 
    width: 100px; 
 
    height: 100px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 

 
<body> 
 
    <div id="abc"></div> 
 
</body>

2016-07-05 Brg

你没有包含jquery，但是你正在使用它的函数。 –

打开浏览器的JavaScript控制台，查看那里的错误消息。 – JJJ

-1

试试这个：

$(document).ready(function() { 
 
$("#abc").animate({ 
 
height:"500px", 
 
width:"500px", 
 
}, 5000, function() { 
 
}); 
 
});

注意！你必须在你的页面中包含JQuery。

2016-07-05 13:03:11

与您的代码，唯一的问题是使用jQuery和JavaScript的选择一起被扔控制台错误，造成动画胡作非为

$(document.getElementById("abc")

为动画的方法

$("#abc")

2016-07-05 13:10:39 Deep

回答