zoukankan      html  css  js  c++  java
  • 封装的分页jq

    (function ($) {
    $.fn.page = function (options) {
    var defaults = {
    divid: "pagediv",
    count: 10, //remove or hide
    pageindex: 1,
    callback: function (pageindex) { }
    };
    var html = "";
    var opts = $.extend(defaults, options);
    opts.callback(1);
    var div = $("#" + opts.divid);
    var a = [];
    //根据当前页数判断上一页是否可以点击
    if (opts.pageindex == 1) {
    html = html + "<a href="#" class="prev unclick">上一页</a>";
    } else {
    html = html + "<a href="#" class="prev">上一页</a>";
    }
    
    for (var i = 0; i < opts.count; i++) {
    //判断显示页码的样式
    if ((i + 1) == opts.pageindex) {
    html = html + "<a href="javascript:void(0)" style="background:#999">" + (i + 1) + "</a>"
    } else {
    html = html + "<a href="javascript:void(0)">" + (i + 1) + "</a>";
    }
    }
    //根据当前页数判断上一页是否可以点击
    if (opts.pageindex == opts.count) {
    html = html + "<a href="javascript:void(0)" class="next unclick">下一页</a>";
    } else {
    html = html + "<a href="javascript:void(0)" class="next">下一页</a>";
    }
    $("#" + opts.divid).html(html);
    $("#" + opts.divid + " a").not($(".prev")).not(".next").click(function () {
    $(this).css("background", "#999")
    $(this).siblings().removeAttr("style");
    opts.pageindex = $(this).html();
    if (opts.pageindex != 1) {
    $(".prev").removeClass("unclick");
    } else {
    $(".prev").addClass("unclick");
    }
    if (opts.pageindex == opts.count) {
    $(".next").addClass("unclick");
    } else {
    $(".next").removeClass("unclick");
    }
    opts.callback(opts.pageindex);
    })
    $(".prev").click(function () {
    $("#" + opts.divid + " a").eq(opts.pageindex).removeAttr("style");
    if (opts.pageindex == 1) {
    opts.pageindex == 1
    } else {
    opts.pageindex = opts.pageindex - 1;
    }
    $("#" + opts.divid + " a").eq(opts.pageindex).css("background", "#999");
    if (opts.pageindex != 1) {
    $(".prev").removeClass("unclick");
    } else {
    $(".prev").addClass("unclick");
    }
    if (opts.pageindex == opts.count) {
    $(".next").addClass("unclick");
    } else {
    $(".next").removeClass("unclick");
    }
    opts.callback(opts.pageindex);
    });
    $(".next").click(function () {
    $("#" + opts.divid + " a").eq(opts.pageindex).removeAttr("style");
    if (opts.pageindex == 10) {
    opts.pageindex == 10
    } else {
    opts.pageindex = parseInt(opts.pageindex) + 1;
    }
    $("#" + opts.divid + " a").eq(opts.pageindex).css("background", "#999");
    if (opts.pageindex != 1) {
    $(".prev").removeClass("unclick");
    } else {
    $(".prev").addClass("unclick");
    }
    if (opts.pageindex == opts.count) {
    $(".next").addClass("unclick");
    } else {
    $(".next").removeClass("unclick");
    }
    opts.callback(opts.pageindex);
    });
    
    }
    
    })(jQuery);
  • 相关阅读:
    UDS 诊断协议 $36
    UDS 诊断协议 $34
    RH850 CS+工程 定义常量变量到指定ROM地址
    关于ARM 架构汇编指令
    RH850 FDL的使用
    robotframework Selenium2+RFS自动化测试
    虫师 博客园 http://www.cnblogs.com/fnng/
    Excel数据比对-批量数据比对
    web自动化测试 Selenium2 Java自动化测试实战9_3
    loadrunner11 +Win7 + 支持ie9,录制成功
  • 原文地址:https://www.cnblogs.com/liuchang/p/3990619.html
Copyright © 2011-2022 走看看