Friday, 17 February 2017

Pagination With Jquery

How to do pagination on your webpage through Jquery use this script on to your web page & use the library of jquery.min.js and version 3.1.1.

$(function(){
        pag_size = 10;
           var page_num =  $("div.wsContent").length / pag_size;
               for(var j = 0 ; j<page_num;j++){
                $(".pagein").append('<a href="javascript:void(0)">'+(j+1)+'</a>');
                }
                $(".pagein a:first").addClass("active");
              show_page = function(page) {
                 $("div.wsContent").fadeOut(100);
                  $("div.wsContent").each(function(n) {
                      if (k >= pag_size * (page - 1) && k < pag_size * page)
                       $(this).fadeIn(200);
                    });      
                   }

                show_page(1);

                  $(".pagein a").click(function() {
                     $(".pagein a").removeClass("active");
                     $(this).addClass("active");
                     show_page(parseInt($(this).text()))
             });
           });

0 comments:

Post a Comment