左右点击分页方法

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‘);
时间: 2024-12-12 15:25:50

左右点击分页方法的相关文章

嵌套页面,点击分页刷新导致的界面问题

1.弹出框里面数据,是后台直接返回的一个页面,点击分页整个页面刷新,然后界面就乱了.... 点击分页后,界面如下 2.分页代码 <ul class="pagination"> <li class="active"><a href="/examinee/group/examinees?page=1" class="number current">1</a></li> &

SqlServer 常用分页方法总结

SqlServer 常用分页方法总结 下面示例总结了,SqlServer数据库 常用分页方法,仅供学习参考 A. 使用 RowNumber 和 Between And 组合分页: /********** 使用 RowNumber 和 Between And 组合分页 **********/ CREATE PROC proc_FuzzySearchAndPaging @pageIndex int, --页索引 @pageSize int, --页大小 @SearchKey Nvarchar(10)

C# 分页方法

using System;using System.Collections.Generic;using System.Linq;using System.Text;using System.Web; namespace System.Web.Mvc //注意修改为与HtmlHelper相同的命名空间{ /// <summary> /// 静态 分页方法 /// </summary> public static class MyHtmlHelper { //HtmlHelper的扩展

jQuery实现提交按钮点击后变成正在处理字样并禁止点击的方法

本文实例讲述了jQuery实现提交按钮点击后变成正在处理字样并禁止点击的方法.分享给大家供大家参考.具体实现方法如下: 这里主要通过val方法设置按钮的文字,并用attr方法修改disabled属性实现该功能. 主要代码如下: <html> <body> <form method="get" action="" target="box"> <input id="buttonid" ty

默认加载数据分页,点击分页后再次异步数据

一.前言 现在主流的分页插件很多是一次性把数据加载完成,再本地分页,切换时候是Tab效果,数据量大or网络不通畅的时候,就会很卡影响加载效果. 实现每页加载固定条数及点击分页再次请求数据,假设共100条数据,一页10条的话共10页.需要后端配合每页显示全部的条数及每页条数. 二.后端数据 根据pageNum=1查询,返回json数据 count数据总数 pageNum 第一页 pageSize 每页10条 三.代码 分页代码: function(e) { function s() { this.

UIButton 设置圆角 边框颜色 点击回调方法

UIButton *signBtn = [UIButton buttonWithType:UIButtonTypeCustom]; signBtn.frame = CGRectMake(0, 0, 80, 40); [signBtn.layer setMasksToBounds:YES]; [signBtn.layer setCornerRadius:10.0]; //设置矩形四个圆角半径 [signBtn.layer setBorderWidth:1.0]; //边框宽度 CGColorSpa

mybatis常用经典分页方法

来自棱镜学院-在线IT教育www.prismcollege.com 分页方法一: 可以查看如下代码,新建一个数据库分页基础类 package com.ssm.utils.pagination.pagebounds; import java.util.List; import org.apache.ibatis.session.SqlSession; import org.apache.ibatis.session.SqlSessionFactory; import org.mybatis.spr

MongoDB分页处理方案(适用于一般数据库的分页方法)

MongoDB分页处理方案(适用于一般数据库的分页方法) (2012-11-06 17:59:55) 转载▼ 标签: mongodb 分页 数据库 跳转 分类: MongoDB 转载请注明出处:http://blog.sina.com.cn/s/blog_56545fd30101442b.html MongoDB的分页性能是广大使用者所诟病的大问题之一,在大数据量环境下,如果一次跳转的页数过多,如10W多页,可能用户要等上几十秒(瞎掰的数据),有兴趣的可以去看一下这篇文章Paging & Ran

phpcms v9文章页调用点击量方法

1.在页面加载" 2.调用统计点击的标签:: 3.最后,在写上这一句:" phpcms v9增加文章随机点击数的方法 找到文件count.php(网站根目录/api) 查找第50行,找到这段代码$views = $r['views'] + 1;这里的1是默认的,表示每浏览一次,点击量增加一次,我们可以修改成自己想要的任意数字 或者$views = $r['views'] + rand(10,100);  随机的增加 10到100之间的一个任意的整数 Phpcms v9 实现首页,列表页