Jquery 尝试滑动图像时，“下一步”按钮无法正常工作

此滑块中的“下一步”按钮有问题

我只显示第一个图像，不显示其他两个图像。对于

.fadeOut

和

.fadeIn

来说，它工作正常，但在尝试滑动图像时，“下一步”按钮有问题

<script>
function prev() {
    var act=$("#slideshow img.active");
    var prev=$("#slideshow img:last");
    $(prev).prependTo("#slideshow").css("left","0px");
    $(act).animate({"left":"300px"},1000);
    $(prev).animate({"left":"0"}).show();
    $(act).removeClass("active");
    $(prev).addClass("active");
}

function next() {
    var act=$("#slideshow img.active");
    var nxt=$(act).next();
    $(act).appendTo("#slideshow").css("left","0px");
    $(act).animate({"left":"-301px"},1000);
    $(nxt).animate({"left":"0"}).show();
    $(act).removeClass("active");
    $(nxt).addClass("active");
}
</script>

函数prev（）{
var act=$（“#幻灯片显示img.active”）；
var prev=$（“#幻灯片显示img:last”）；
$（上一页）.prependTo（“#幻灯片”）.css（“左”，“0px”）；
动画（{“左”：“300px”}，1000）；
$（上一个）.animate（{“left”：“0”}.show（）；
$（act.removeClass（“活动”）；
$（上一个）.addClass（“活动”）；
}
函数next（）{
var act=$（“#幻灯片显示img.active”）；
var nxt=$（act.next（）；
$（act）.appendTo（#slideshow”）.css（“左”，“0px”）；
动画（{“左”：“-301px”}，1000）；
$（nxt）.animate（{“left”：“0”}.show（）；
$（act.removeClass（“活动”）；
$（nxt）.addClass（“活动”）；
}

---

这里是小提琴：

您忘记将jQuery库包含到小提琴中，并且滑块选择器错误，您使用的是

$（“#slideshow”）

而不是

$（“#slider”）

注意：对于

act

和

prev

变量，您再次将其包装在

$

中！无需将这些变量包装在

$

中，因为它们已经是jQuery对象了，您可以直接编写它

---

您忘了将jQuery添加到您的fiddlehi感谢您的回复，但问题仍然存在

window.prev = function () {
    var act = $("#slider img.active");
    var prev = $("#slider img:last");
    act.prependTo("#slider").css("left", "0px");
    act.animate({
        "left": "300px"
    }, 1000);
    prev.animate({
        "left": "0"
    }).show();
    prev.removeClass("active");
    prev.addClass("active");
}

window.next = function () {
    var act = $("#slider img.active");
    var nxt = act.next();
    act.appendTo("#slideshow").css("left", "0px");
    act.animate({
        "left": "-301px"
    }, 1000);
    nxt.animate({
        "left": "0"
    }).show();
    act.removeClass("active");
    nxt.addClass("active");
}