JQuery 禁用按钮答案

【问题标题】：JQuery disabling buttonJQuery 禁用按钮
【发布时间】：2012-03-18 09:55:05
【问题描述】：

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

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

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

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

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

不完全确定出了什么问题，提前致谢。当我复制代码时，JSFiddle 打乱了我的代码，很抱歉它太乱了！

-迈克

【问题讨论】：

问题：var currentPage = $('.three_paj_els:visible'); 当您用完要显示的内容时，不会选择任何内容。以适合您的方式修复它。
哦！我很容易就修好了哈哈哈jsfiddle.net/Utr6v/34
@gdoron 能否请您回复此作为答案，以便我接受答案？您的评论帮助我意识到了我的错误。

标签： javascript jquery pagination prop

【解决方案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();



});

【讨论】：

哦，哇，这个比我的解决方案好得多！谢谢！

【解决方案2】：

问题：

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

当您显示的东西用完时不选择任何东西。

【讨论】：