jQuery Sayfalama Uygulamasına Hoşgeldiniz..


Merhaba Arkadaşlar,
Bilalisler.net için yapmış olduğum jquery sayfalama sistemi


sayfalama mantığı kısaca şöyle;

ilk önce sayfalama yapacağımız nesnelerimizin kaç tane olduğunu belirliyoruz.

daha sonra bir limit belirliyoruz bu limit her sayfada kaç materyal gösterileceğini ifade eder.

daha sonra tüm ürünleri gizliyoruz ve belirlediğimiz tane kadar ürünü ekranda gösteriyoruz.

Toplam ürün sayısını limit'e bölerek kaç tane sayfa olacağını belirliyoruz.

Belirlediğimiz sayfa linklerine tıklandığında gösterilecek ürünleri belirliyoruz.

ve butona aktif olduğunda bir class verip aktif oldugunu belli eden özellikler atıyoruz.


jQuery Sayfalama DEMO

Kodlara Geçelim;


$(function(){

var toplamurun = $("ul.urunler li ").size();
// Toplam ürün sayısını buluyoruz.

var limit=3;
// ekranda gözükecek ürün sayısını belirliyoruz

$("ul.urunler li:gt(" + (limit-1)+")").hide();
// limit kadar ürünü ekranda gösteriyoruz. ve diğerlerini gizliyoruz

//sayfa sayisinı buluyoruz
var sayfasayisi=Math.round(toplamurun/limit);

for ( var i = 1 ; i <=sayfasayisi ; i++ ){
$(".sayfalar").append("