gpt4 book ai didi

Jquery insertBefore/insertAfter 动画不起作用

转载 作者:行者123 更新时间:2023-12-03 23:03:44 26 4
gpt4 key购买 nike

我制作了一个简单的脚本,允许用户使用向上和向下按钮对 div 进行排序。

jsFiddle:http://jsfiddle.net/dZ6rC/5/

不幸的是,我尝试在鼠标单击时设置移动动画并不会导致标签移动。

这是我的代码:

$('.up').click(function(){
var previous = $(this).parent().parent().prev('.item');
$(this).parent().parent().insertBefore(previous).slideUp();
});
$('.down').click(function(){
var next = $(this).parent().parent().next('.item');
$(this).parent().parent().insertAfter(next).slideDown();
});​

有人能弄清楚为什么标签不移动吗?

最佳答案

在向下滑动元素之前,您没有隐藏它们,因此看不到效果:

http://jsfiddle.net/dZ6rC/4/

您只需在 .slideDown 之前添加 .hide 即可。我认为您可能想从那里稍微改进动画,但请记住这一点。

关于Jquery insertBefore/insertAfter 动画不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13964408/

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