我尝试了我的代码，但它不起作用，请检查以下代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>
<body>
<button>Click me</button>
<p style="width: 90px; background-color: #40FF08">This is a test peragraph</p>
</body>
</html>
<script>
$(document).ready(function() {
$("button").click(function() {
$("p").animate({
left: '400px'
});
});
});
</script>最佳答案
这是因为 p 元素的 position 属性是静态，并且 left 不起作用静态元素 - 将其更改为relative并且它可以工作 - 请参阅下面的演示:
$(document).ready(function() {
$("button").click(function() {
$("p").animate({
left: '400px'
});
});
});p {
width: 90px;
background-color: #40FF08;
position: relative;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<button>Click me</button>
<p>This is a test peragraph</p>关于javascript - Jquery 动画不工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45687194/