使用jQuery previous&；在递增/递减期间限制x值；下一个按钮

主图像下方有“上一步”和“下一步”按钮，有x张照片（本例中为7张），我需要限制添加到x数量的值，使其只能在1到x的范围内（本例中为1到7张）

显然，当用户到达x时，单击next应该返回到1

问题可以在这里看到：

任何帮助都将不胜感激

代码：

---

我认为您应该完全删除此代码：

$(document).ready( function() {
    var el = $('.nr');
    function change( amt ) {
        el.text( parseInt( el.text(), 10 ) + amt );
    }
    $('#next').click( function() {
        change( 1 );
    });
    $('#prev').click( function() {
        change( -1 );
    });
});

而是修改以下事件处理程序

var $nr = $(".nr");
$('#next, #prev').on('click', function() {
    var A = this.id == 'next',X=A?T:0,Y=A?0:T,Z=A?N+1:N-1;N=N==X?Y:Z;
    $("#display").html('<img src="'+$(E[N]).attr('href')+'" />');
    $(".display2").html('<img src="'+$(F[N]).attr('href')+'" />');
    /* Update the slide number */ 
    $nr.text(N + 1);
});

var$nr=$（“.nr”）；
$（'next，'prev'）。在（'click'，function（）上{
变量A=this.id=='next'，X=A？T:0，Y=A？0:T，Z=A？N+1:N-1；N=N==X？Y:Z；
$（“#显示”）.html（“”）；
$（“.display2”）.html（“”）；
/*更新幻灯片编号*/
$nr.text（N+1）；
});

---

在这种情况下不需要两个事件处理程序。

请编辑您的问题并添加相关代码。就目前情况而言，这个问题在下一步中是一个教科书式的非建设性问题。单击showImage（）函数应该在if语句之后，而不是在要工作的内存中，但现在图像不会被加载，除非按钮被激活clicked@splinterteal，您当时删除了错误的代码。我编辑了我的答案，以明确显示需要删除的代码

$(document).ready( function() {
    var el = $('.nr');
    function change( amt ) {
        el.text( parseInt( el.text(), 10 ) + amt );
    }
    $('#next').click( function() {
        change( 1 );
    });
    $('#prev').click( function() {
        change( -1 );
    });
});

var $nr = $(".nr");
$('#next, #prev').on('click', function() {
    var A = this.id == 'next',X=A?T:0,Y=A?0:T,Z=A?N+1:N-1;N=N==X?Y:Z;
    $("#display").html('<img src="'+$(E[N]).attr('href')+'" />');
    $(".display2").html('<img src="'+$(F[N]).attr('href')+'" />');
    /* Update the slide number */ 
    $nr.text(N + 1);
});