Jquery 轮换清单项目

我已经创建了一个可以旋转的列表项，但是我想引入两个按钮来控制列表。第一个按钮基本上应该让列表项向上移动，第二个底部应该做相反的操作，即让列表项向下滑动

这是我用来旋转列表的代码

---

谢谢

听起来你好像在试图控制列表的旋转方向。 如果是，请尝试以下方法：

var direction = 'down';

    $(document).ready(function () {
        var swap = function () {
            if (direction == 'down') {
                $("ul li:last").slideUp('slow', function () {
                    $(this).remove();
                    $("ul").prepend($(this));
                    $(this).slideDown('slow', function () {
                        swap();
                    });
                });
            }
            else {
                $("ul li:first").slideDown('slow', function () {
                    $(this).remove();
                    $("ul").append($(this));
                    $(this).slideUp('slow', function () {
                        swap();
                    });
                });
            }
        }
        swap();
    });

然后，所有按钮需要做的就是更改“方向”的值，例如

---

拆分给按钮两个类

.up

和

.down

，并附加事件

或

---

那么你的问题是什么？那么你想选择一个要移动的列表项吗？本质上，我的问题是如何在代码中包含两个按钮。第一个按钮单击时允许列表向下滚动，第二个按钮单击时允许列表向上滚动。谢谢你的回答，我还没有尝试上面的代码，但它看起来确实很接近我所寻求的。：）

onclick="direction = 'up';"

$(".up").click(function(){
    $("ul li:first").slideUp('slow', function () {
         $("ul li:last").after($(this));
    }).slideDown('slow');
});

$(".down").click(function(){
    $("ul li:last").slideUp('slow', function () {
         $("ul li:first").before($(this));
    }).slideDown('slow');
});