gpt4 book ai didi

javascript - Jquery 动画不工作

转载 作者:行者123 更新时间:2023-11-30 09:32:04 25 4
gpt4 key购买 nike

我尝试了我的代码,但它不起作用,请检查以下代码:

<!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 属性是 static 并且 left 将不起作用static 元素 - 将其更改为 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com