좌우 클릭 페이지 나누기 방법

5466 단어
pageGames = function(){

        var pageFun = function(id_em,fu_ul,fu_lbtn,fu_rbtn){

            var id_em = $(id_em),

                wrap =  $(fu_ul),

                lis = wrap.find('li'),

                lens = lis.length,

                PAGES = 9,

                i = 0,

                p = Math.ceil(lens/PAGES),// ( )

                Fun = function(index){


                    id_em.find('em').text(index + 1);

                    wrap.find('ul').eq(index).show().siblings().hide();

                };

    
            lis.unwrap();

            for(; i < p; i++){

                var start = i * PAGES,

                    end = start + PAGES;

                if(end > lens)  end = lens;

                var liboxs = lis.slice(start,end);

                if(i){

                    liboxs.wrapAll('<ul class="fu_ul clearfix hidden"></ul>');

                }else{

                    liboxs.wrapAll('<ul class="fu_ul clearfix"></ul>');

                }

            }

            id_em.html('<em>1</em>/<i>' + p +'</i>');


            $(fu_rbtn).click(function(){

                    var indexs = +id_em.find('em').text(),

                        p = +id_em.find('i').text();

                    if(indexs >= p){

                            indexs = 0;
                    }

                    Fun(indexs);


            });


            $(fu_lbtn).click(function(){

                    var indexs = +id_em.find('em').text(),

                        p = +id_em.find('i').text();

                    indexs--;

                    if(indexs){

                        indexs--;

                    }else{

                        indexs = p - 1;

                    }

                    Fun(indexs);

            });


        };


        return {

                pageFun : pageFun

        }

    }();

pageList.pageFun('#id_em','#fu_ul','#fu_lbtn','#fu_rbtn');

 
var pageList = function(){

        var oList = $('#list'),

            oLi = oList.find('li'),

            oPage = $('#page'),

            oSpan = oPage.find('span'),

            lens = oLi.length,

            pages = 3,

            i = 0,

            str = '',

            p = Math.ceil(lens/pages);

            oLi.unwrap();

            for(; i < p; i++){

                var start = i * pages,

                    end = start + pages;

                if(end > lens)  end = lens;

                var eles = oLi.slice(start,end);

                if(i){

                    eles.wrapAll('<ul class="hidden"></ul>');

                }else{

                    eles.wrapAll('<ul></ul>');

                }

                str += '<span>'+(i+1)+'</span>';

            }

            oPage.html(str);

            oPage.delegate('span','click',function(){

                var index = $(this).index();

                $(this).addClass('cur').siblings().removeClass('cur');

                oList.find('ul').eq(index).show().siblings().hide();

            });


    };

    pageList();

좋은 웹페이지 즐겨찾기