테이블 및 ul_javascript 기술에 대한 js 페이징 공유 예

WBOY
풀어 주다: 2016-05-16 16:58:21
원래의
1393명이 탐색했습니다.

코드 복사 코드는 다음과 같습니다.

(function($) {
 $.fn.tablepage = function(oObj, dCountOfPage, fresh_id) {
  var dPageIndex = 1;
  var dNowIndex = 1;
  var sPageStr = "";
  var dCount = 0;
  var oSource = $(this);
  var sNoSelColor = "#CCCCCC";
  var sSelColor = "black";
  var sFontColor = "white";
  var nowIndex = 1;

  change_page_content();

  function change_page_content() {
   // 取得資料筆數
   dCount = oSource.children().children().length;
   // 顯示頁碼
   sPageStr = "

";
   sPageStr += "  ";
   sPageStr += "
"+"共"+Math.ceil(dCount / dCountOfPage)+"页,当前第"+""+dNowIndex+""+"页"+"
"; 
   oObj.html(sPageStr);
   dPageIndex = 1;
   // 過濾表格내부
   var rr=oSource.children().children("tr");
oSource.children().children("tr").each(function() {
    // ==2
    if (dPageIndex >= (((dNowIndex - 1) * dCountOfPage) 1)
      && dPageIndex <= ((dNowIndex * dCountOfPage) )) {
     $(this).show();
    } else {
     $(this).hide();
    }

    dPageIndex ;
   });

  // oSource.children().children("tr").first().show(); // head일정要顯示
   if(dCount<=dCountOfPage){
    var tt=$("#table_page_" fresh_id).children('.msdn').children().each(function(i) {
     if(i==2||i==3||i==0||i==1){
      $(this).addClass("disabled");
     }
    });
   }
   else if(dNowIndex==Math.ceil(dCount / dCountOfPage)){
    var tt=$("#table_page_" fresh_id).children('.msdn') .children().each(function(i) {
     if(i==2||i==3){
      $(this).addClass("disabled");
     }
    });
   }else if(dNowIndex==1){
    var tt=$("#table_page_" fresh_id).children('.msdn').children().each(function(i) {
     if(i==0||i==1){
      $(this).addClass("disabled");
     }
    });
   }
// 加入換頁事件
   oObj.children().children().each(function() {

    $(this).click(function() {

       dNowIndex = $(this)[0].innerHTML;
       if (dNowIndex == '首页') {
        dNowIndex = 1;
        change_page_content();
        nowIndex = d지금인덱스;
       }
       if (dNowIndex == '尾页') {
        dNowIndex = Math.ceil(dCount / dCountOfPage);
        change_page_content();
        nowIndex = dNowIndex;
       }
       if (dNowIndex == '下一页') {
        if (nowIndex < Math.ceil(dCount / dCountOfPage)) {
         dNowIndex =parseInt(nowIndex) 1;
         change_page_content();
        nowIndex = nowIndex 1;
        }
       }
       if (dNowIndex == '上一页') {
        if (nowIndex > 1) {
         dNowIndex =parseInt(nowIndex ) - 1;
         change_page_content();
         nowIndex = nowIndex - 1;
        }
       }
      });
   });
  }
 };
})(jQuery);

复主代码 代码如下:


관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿