【问题标题】:How to disable previous/next button?如何禁用上一个/下一个按钮?
【发布时间】:2013-11-15 01:23:22
【问题描述】:

我正在使用 jpages 插件进行分页,当第一页显示上一个按钮时必须禁用,而当最后一页显示下一个按钮时必须禁用我需要在 jquery.pages.js 文件中做哪些更改?

【问题讨论】:

    标签: javascript jquery-plugins pagination javascript-framework jquery-pagination


    【解决方案1】:

    试试这个

     updateBtns : function(nav, page) {
          if (page === 1) {
            nav.first.addClass("jp-disabled");
            nav.previous.addClass("jp-disabled");
          }
          if (page === this._numPages) {
            nav.next.addClass("jp-disabled");
            nav.last.addClass("jp-disabled");
          }
          if (this._currentPageNum === 1 && page > 1) {
            nav.first.removeClass("jp-disabled");
            nav.previous.removeClass("jp-disabled");
          }
          if (this._currentPageNum === this._numPages && page < this._numPages) {
            nav.next.removeClass("jp-disabled");
            nav.last.removeClass("jp-disabled");
          }
        },
    
        updateCurrentPage : function(nav, page) {
          nav.currentPage.removeClass("jp-current");
          nav.currentPage = nav.pages.eq(page - 1).addClass("jp-current");
        }
    

    【讨论】:

    • 它不工作。prev/next 按钮没有被禁用。我需要为此插入任何其他内容吗?
    • 如何改变'jp-disabled'类的颜色?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-07-02
    • 1970-01-01
    • 2021-10-08
    • 1970-01-01
    • 2021-12-27
    相关资源
    最近更新 更多