gpt4 book ai didi

javascript - jQuery addClass() removeClass() 方法

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

我在使用 jQuery 方法 .addClass() .removeClass 时遇到问题

JsFiddle:http://jsfiddle.net/HEM7Q/4/

$(document).ready(function () {
$(".button").click(function(e) {
$(".position1").animate({left:"400px"},2000, function(e){
$(".position1").addClass("position2").removeClass("position1");
})
});
});

看,最初 css.left 是 20 px(因为它在类 .position1 中定义)。现在,我为 div 设置动画,直到它的左边变成 400px。动画完成后,我添加 Class position2(左边是 50px)并删除 Class position1。

那么div不应该在动画完成后回到左边== 50 px吗?为什么没有发生,正确的代码是什么?

最佳答案

我会说 animate 方法正在修改内联样式以获得所需的效果,即使在动画完成时它仍然存在(除非您主动恢复)并且这优先于您定义的样式类。

关于javascript - jQuery addClass() removeClass() 方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15202745/

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