Question

我从头开始构建一个快速分页它有点工作，但在过去半小时我一直试图让最后一页的下一个和/或前一个按钮禁用如下：（这个是下一个按钮）

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

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

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

当你点击下一步它会走得太远而不会回来

不完全确定出了什么问题，提前感谢一大堆。当我复制它时，JSFiddle把我的代码搞砸了，抱歉它太乱了！

-Mike

Answer 1

你必须检查nextPage是否是最后一个孩子，而不是它的作用：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();



});

Answer 2

问题：

var currentPage = $('.three_paj_els:visible');

当你用完所展示的东西时，不会选择一件事。

JQuery禁用按钮

2 个答案: