Javascript 我的滑块没有';t在查看3“后,它将无法正常工作”;屏幕“;

Javascript 我的滑块没有';t在查看3“后,它将无法正常工作”;屏幕“;,javascript,jquery,html,css,slider,Javascript,Jquery,Html,Css,Slider,我试图建立滑块,在前3个“屏幕”它的工作,在最后一个是没有。还有,有没有一种方法可以让滑块滑动而不仅仅是显示 js代码: var oldnum = 0 var screen = 1; $("#right_arrow").click(function () { screen++; if (screen >= 4) { $("#right_arrow").hide(); screen = 4; } else { goto

我试图建立滑块,在前3个“屏幕”它的工作,在最后一个是没有。还有,有没有一种方法可以让滑块滑动而不仅仅是显示

js代码:

var oldnum = 0
var screen = 1;

$("#right_arrow").click(function () {
    screen++;
    if (screen >= 4) {
        $("#right_arrow").hide();
        screen = 4;
    } else {
        gotoright(screen);
    }
});

$("#left_arrow").click(function () {
    screen--;
    if (screen <= 1) {
        $("#left_arrow").hide();
        screen = 1;
    } else {
        gotoleft(screen);
    }
});

jwerty.key('arrow-right', function () {
    screen++;
    if (screen >= 4) {
        $("#right_arrow").hide();
        screen = 4;
    } else {
        gotoright(screen);
    }
});

jwerty.key('arrow-left', function () {
    screen--;
    if (screen <= 1) {
        $("#left_arrow").hide();
        screen = 1;
    } else {
        gotoleft(screen);
    }
});

function gotoright(num) {
    if (num <= 0 && num >= 4) {
        $("#b_" + num).show().animate({
            "opacity": 1
        }, 400, function () {});
    } else {
        oldnum = num - 1;
        $("#b_" + num).show().animate({
            "opacity": 1
        }, 400, function () {
            $("#b_" + oldnum).hide().css({
                "opacity": 0
            });
        });
    }
}

function gotoleft(num) {
    if (num <= 0 && num >= 4) {
        $("#b_" + num).show().animate({
            "opacity": 1
        }, 400, function () {});
    } else {
        oldnum = num + 1;
        $("#b_" + num).show().animate({
            "opacity": 1
        }, 400, function () {
            $("#b_" + oldnum).hide().css({
                "opacity": 0
            });
        });
    }
}
var oldnum=0
变量屏幕=1;
$(“#右箭头”)。单击(函数(){
screen++;
如果(屏幕>=4){
$(“#右箭头”).hide();
屏幕=4;
}否则{
哥特莱特(屏幕);
}
});
$(“#左箭头”)。单击(函数(){
屏幕--;
如果(屏幕=4){
$(“#右箭头”).hide();
屏幕=4;
}否则{
哥特莱特(屏幕);
}
});
jwerty.key('箭头左',函数(){
屏幕--;

如果(screen我想你应该先检查screen=4,然后再检查它

现在从3到4,然后转到只隐藏箭头的if语句

$("#right_arrow").click(function () {
    screen++;
    if (screen >= 4) {
        $("#right_arrow").hide();
        screen = 4;
    } else {
        gotoright(screen);
    }
});
您想要的是gotoright(),如果屏幕>=4,则隐藏它()

$("#right_arrow").click(function () {
    screen++;
    if (screen >= 4) {
        $("#right_arrow").hide();
        screen = 4;
        gotoright(screen);
    } else {
        gotoright(screen);
    }
});