gpt4 book ai didi

javascript - 无法触发 jQuery 动画函数

转载 作者:行者123 更新时间:2023-12-02 17:08:12 24 4
gpt4 key购买 nike

(Javascript/jQuery 新手)

我正在练习将所有 Javascript 放入一个 .js 文件中(这是一个小型个人网站),并尝试在特定的 body#div 存在时触发特定的函数。 (我的代码基于 One JS File for Multiple Pages ,但可能有更好的方法来编写它。)

由于某种原因(也许当尝试访问另一个#home1时),动画将不会运行。我可以在动画之前调用警报,但实际的动画功能有问题。

提前致谢。

HTML:

<script type="text/javascript" src="javascript/jquery-1.11.1.js"></script>
<script type="text/javascript" src="javascript/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="javascript/script.js"></script>

<link href="css/hover/css/hover.css" rel="stylesheet" media="all">
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>

<body id="home">

<div class="container">
<p>Website content here</p>
</div>

<div class="footer">
<div id="home1"></div>
<div id="home2"></div>
</div>

</body>

CSS:

#home1 {
position: relative;
top: -400px;
margin-left: auto;
margin-right: auto;
width: 40px;
height: 40px;
background-color: yellow;
}

JS:

$(document).ready(function() {

if ($("body#home").length > 0) {

//alert("dhd");

$("#home1").animate({
top: '0px';
}, 1000, 'easeOutBounce');
}
});

最佳答案

您的错误位于

$("#home1").animate({
top: '0px';
}, 1000, '

删除顶部后面的分号:'0px'

JS fiddle 示例:http://jsfiddle.net/W3GBV/

关于javascript - 无法触发 jQuery 动画函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25064433/

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