Javascript 简单的jquery滑动条不会一直通过幻灯片

我在codepen上创建了一个简单的jquery滑块，由于某些原因，在最后一张幻灯片上，它恢复到最后一张，并退出

---

if（$（window）.width（）将列表元素重新添加到
'.target ul'
后，新附加的列表项将不会返回$（'.target ul li:first child'）。使用
.first（）
获取第一个子项，使用
.last（）
获取最后一个子项。因此，您的代码如下所示：

function moveLeft() {
    $('.tester ul').animate({
        left: + slideWidth
    }, 300, function () {
        $('.tester ul li').last().prependTo('.tester ul');
        $('.tester ul').css('left', '');

    });
};

function moveRight() {
    $('.tester ul').animate({
        left: - slideWidth
    }, 300, function () {
         $('.tester ul li').first().appendTo('.tester ul'); 
        $('.tester ul').css('left', '');

    });
};

我知道它是有效的，但是.first（）和.last（）在这种情况下是如何工作的呢？它是否只适用于第一个“.tester ul li”和最后一个？
function moveLeft() {
    $('.tester ul').animate({
        left: + slideWidth
    }, 300, function () {
        $('.tester ul li').last().prependTo('.tester ul');
        $('.tester ul').css('left', '');

    });
};

function moveRight() {
    $('.tester ul').animate({
        left: - slideWidth
    }, 300, function () {
         $('.tester ul li').first().appendTo('.tester ul'); 
        $('.tester ul').css('left', '');

    });
};