jQuery Pagination 페이징 플러그인에 대한 자세한 설명-JS 튜토리얼-php.cn

jQuery Pagination 페이징 플러그인에 대한 자세한 설명

小云云

풀어 주다： 2018-01-01 10:29:05

원래의

2155명이 탐색했습니다.

이 jQuery 플러그인은 한 번 로드되는 Ajax 페이징 플러그인이므로 페이징 간 전환 시 새로 고침이나 지연이 없습니다. 이 방법은 데이터 양이 많을 경우 로딩 속도가 느려지기 때문에 권장되지 않습니다. . 이번 글에서는 jQuery Pagination 페이징 플러그인의 사용법과 매개변수 소개를 공유하겠습니다. 관심 있는 친구들은 함께 살펴보세요

플러그인 소개

 이 jQuery 플러그인은 Ajax 페이징 플러그인입니다. -in은 한 번만 로드되므로 페이징 전환 시 새로 고침이 발생하지 않습니다. 지연을 사용하면 데이터 양이 많을 경우 로드 속도가 느려지므로 이 방법은 권장되지 않습니다.

원래 플러그인 CSS는 별로 합리적이지 않고 부동소수점을 사용하기 때문에 왼쪽과 오른쪽 방향으로 쉽게 배치할 수 없으며 부동소수점이 지워지지 않습니다. 중국어 수정 버전에서는 텍스트를 지원하도록 최적화했습니다- 위치를 정렬합니다.

사용 방법

일반 jQuery 플러그인과 마찬가지로 이 플러그인도 사용이 매우 간단하고 편리합니다. 방법은 페이지 매기기입니다. 예를 들어 $("#page").pagination(100);

parameter

parameter name	description	parameter value
맥스엔트리	총 항목 수	필수 매개변수, 정수
items_per_page	페이지당 표시되는 항목 수	선택 매개변수, 기본값은 10
num_display_entries	연속 페이징의 주요 부분에 표시되는 페이징 항목 수	선택 매개변수, 기본값은 10
current_page	현재 선택된 페이지	선택 매개변수, 기본값은 0, 즉 페이지 1
num_edge_entries	양쪽에 표시되는 첫 번째 페이지와 마지막 페이지의 항목 수	선택 매개변수, 기본값은 0
link_to	link to pagination	문자열, 선택 매개변수, 기본값은 "#"
prev_text	" 이전 페이지" 페이징 버튼에 표시되는 텍스트	문자열 매개변수, 선택 사항, 기본값은 "Prev"
next_text	"다음 페이지" 페이징 버튼에 표시되는 텍스트	문자열 매개변수, 선택사항, 기본값은 "다음"입니다
ellipse_text	생략된 페이지 수를 나타내는 데 사용되는 텍스트	선택적 문자열 매개변수, 기본값은 "..."입니다.
prev_show_always	"이전 페이지" 페이징 버튼을 표시할지 여부	부울 유형, 선택적 매개변수, 기본값은 true입니다. , 즉 "이전 페이지" 버튼 표시
next_show_always	"다음 페이지" 페이징 버튼 표시 여부	Boolean, 선택적 매개변수, 기본값은 true, 즉 디스플레이 "다음 페이지" "버튼
callback	콜백 함수	기본값에는 실행 효과가 없습니다.

예

예를 들어 다음 사용 코드는 다음과 같습니다. 리

이것 코드 표시 의미: total 56(maxentries)개의 목록 항목이 있으며, 첫 번째 페이지와 마지막 페이지의 양쪽에 2(num_edge_entries)가 표시되고, 연속 페이징 주제 수에 4(num_display_entries)가 표시되며, 콜백 함수는 pageselectCallback( 콜백)이며, 각 페이지에 표시되는 목록 항목은 1개(items_per_page)개입니다.