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()))
});
});
$(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