jquery分頁添加活動按鈕

我有以下jQuery代碼，它顯示從第一頁到最後一頁。問題是我無法創建活動按鈕。例如，如果我正在查看第4頁，則第4頁將向用戶顯示不同的顏色，即當前選擇了第4頁。jquery分頁添加活動按鈕

(function($){ 
    $.fn.customPaginate = function(options) 
    { 
     var paginationContainer = this; 
     var itemsToPaginate; 

     var defaults = { 
      itemsPerPage : 5 
     }; 

     var settings = {}; 
     $.extend(settings, defaults, options); 
     var itemsPerPage = settings.itemsPerPage; 

     itemsToPaginate = $(settings.itemsToPaginate); 
     var numberOfPaginationLinks = Math.ceil((itemsToPaginate.length/itemsPerPage)); 

     $("<ul></ul>").prependTo(paginationContainer); 

     for(var index = 0; index < numberOfPaginationLinks; index++) 
     { 
      paginationContainer.find("ul").append("<li>"+ (index+1) + "</li>"); 
     } 

     itemsToPaginate.filter(":gt(" + (itemsPerPage - 1) + ")").hide(); 

     paginationContainer.find("ul li").first().addClass(settings.activeClass).end().on('click', function(){ 

      var $this = $(this); 
      $this.addClass(settings.activeClass); 
      $this.siblings().removeClass(settings.activeClass); 

      var linkNumber = $this.text(); 
      var itemsToHide = itemsToPaginate.filter(":lt(" + ((linkNumber-1) * itemsPerPage) + ")"); 
      $.merge(itemsToHide, itemsToPaginate.filter(":gt(" + ((linkNumber * itemsPerPage) - 1) + ")")); 
      itemsToHide.hide(); 

      var itemsToShow = itemsToPaginate.not(itemsToHide); 
      itemsToShow.show(); 
     }); 
    } 
}(jQuery));

來源

2013-07-06 user2491321

當您處於活動頁面時，您將活動類添加到活動的li。只要給積極的班級適當的風格。

//如果您想進一步的幫助，創建的jsfiddle

來源

2013-07-06 13:27:14 alkis

只需添加： $('li').attr('class', ''); $(this).attr('class', 'active');

後： var linkNumber = $(this).text();

在onclick功能。

來源

2015-05-11 14:44:39

jquery分頁添加活動按鈕

回答

相關問題