追加然后删除jQuery

Question

你好我正在创建一个图像轮播。单击下一个按钮时，旋转木马中的图像向左移动。我将他们的容器移到左边，然后移除第一张图片并将其添加到最后，同时重置容器位置。

var $slidemove = $('#carouselslideholder').children('.carouselslide:first-child');
$('#carouselslideholder').animate({ 'left': '-' + w + 'px' }, 500,'swing', function() {
    $('#carouselslideholder').append($slidemove);
    $('#carouselslideholder').css("left", '0px');

.append似乎正在移动$slidemove元素而不是复制它，这是我没想到的。

我想将图像复制到最后，移动容器，然后删除第一张图像，以防止在caroursel末端看到空白区域。

Answer 1

默认情况下，append()会将元素从DOM中的原始位置移动到您要附加到的位置。

要复制，您可以 clone() 并附加，而不是仅仅附加。

$slidemove.clone(true).appendTo('#carouselslideholder');