javascript - JQuery 禁用按钮

Question

我从头开始构建了一个快速分页，它有点有效，但在过去的半个小时里，我一直在尝试让下一个和/或上一个按钮在最后一页禁用，如下所示: (这个用于下一个按钮)

if (currentPage.is(':last-child')) 
{
            $('.paj_next').prop('disabled', true);
            $('.paj_previous').prop('disabled', false);
}

这是我的代码，您可以尝试一下，看看自己出了什么问题:

http://jsfiddle.net/Utr6v/25/

当你点击“下一步”时，它会走得太远并且不会回来

不太确定出了什么问题，提前谢谢大家。当我复制代码时，JSFiddle 打乱了我的代码，抱歉，代码太乱了!

-迈克

Answer 1

您必须检查下一页是否是最后一个子项，然后才能正常工作: http://jsfiddle.net/Utr6v/36/

    //-------------------------------------NEXT BUTTON
$('.paj_next').click(function() {
    var currentPage = $('.three_paj_els:visible');
    var nextPage = currentPage.next('.three_paj_els');

    if (nextPage.is(':last-child')) {
        $('.paj_next').prop('disabled', true);
        $('.paj_previous').prop('disabled', false);
    }
    else {

        $('.paj_next').prop('disabled', false);
        $('.paj_previous').prop('disabled', false);
    }
    currentPage.hide();
    nextPage.show();



});