때때로 SitePoint는 별도의 HTML 페이지에서 호스팅 된 오래된 데모를 제거합니다. 우리는 사용자에게 위험을 초래하는 노출 된 취약점으로 구식 코드의 위험을 줄이기 위해이를 수행합니다. 이해해 주셔서 감사합니다.
빠른 jQuery Pagination을 사용하여 긴 목록과 페이지 콘텐츠를 몇 초 만에 번호 페이지로 변환하십시오!
다운로드
빠른 페이지 매김의 이점
는 몇 초 만에 모든 목록에서 사용할 수 있습니다
위, 하단 또는 둘 다에 내비게이션을 지정할 수 있습니다
각 페이지에 대해 표시 할 항목 수를 지정할 수 있습니다
매우 가볍고 3kb!
나는 모든 브라우저에서 테스트했으며 매우 안정적입니다
유사한 페이지 매김 플러그인에 대한 단점 -
그것은 현재 목록에서만 작동합니다 (그러나 li 태그에 넣어야 할 divs에서 사용할 수 있습니다).
는 현재 뒤로 및 다음 버튼이 없습니다
-
예제 사용 1
기본 옵션 10 페이지 당 항목 10 개 및 페이지 내비게이션 하단.
-
예제 사용 2
기본 옵션 10 페이지 당 항목 10 개 목록 및 페이지 탐색 상단 및 하단.
-
예제 사용 3
페이지 당 3 개의 목록 항목과 상단 및 하단의 페이지 탐색을 지정합니다.
-
jQuery Quick Pagination에 대한 자주 묻는 질문 (FAQS)
jQuery를 사용하여 페이지 매김의 모습을 사용자 정의 할 수 있습니까?
jQuery를 사용하여 Pagination의 모양을 사용자 정의하는 것은 매우 간단합니다. CSS를 사용하여 페이지 매김을 스타일링 할 수 있습니다. 예를 들어, 페이지 매김 버튼의 색상, 크기 및 글꼴을 변경할 수 있습니다. 호버 효과를 추가 할 수도 있습니다. Pagination에 해당하는 CSS의 올바른 클래스 또는 ID를 타겟팅하는 것을 잊지 마십시오. 동적 데이터와 함께 jQuery Pagination을 사용할 수 있습니까?
예, jQuery Pagination을 동적 데이터와 함께 사용할 수 있습니다. ajax를 사용하여 서버에서 데이터를 가져온 다음 .pagination () 메소드를 사용하여 데이터를 촬영할 수 있습니다. 이것은 더 빠른 로딩 시간을 허용하기 때문에 대형 데이터 세트를 처리 할 때 특히 유용합니다. - jQuery Pagination에 검색 기능을 추가 할 수 있습니까?
jQuery Pagination에 검색 기능을 추가하려면 검색 쿼리에 대한 입력 필드를 작성하고 쿼리를 기반으로 Paginated 항목을 필터링하는 기능이 포함됩니다. jQuery에서 .filter () 메소드를 사용하여이를 달성 할 수 있습니다. - 플러그인없이 jQuery Pagination을 구현하려면 플러그인없이 jQuery Pagination을 구현하려면 항목을 페이지로 나누고 모든 항목을 숨기고 현재 페이지의 항목 만 표시하는 기능을 작성하는 것과 관련이 있습니다. 또한 페이지들 사이를 탐색하려면‘다음’과‘이전’버튼의 함수를 만들어야합니다. jQuery Pagination에 '페이지로 이동'함수를 추가 할 수있는 방법은 무엇입니까?
'페이지로 이동'기능은 사용자가 원하는 페이지 번호를 입력 할 수있는 입력 필드를 작성하여 jQuery Pagination에 추가 할 수 있습니다. 그런 다음 입력 필드가 변경 될 때 입력 된 페이지 번호의 항목 만 표시하는 함수를 만듭니다.
jQuery Pagination을 반응하게 만드는 방법
jQuery Pagination Responsive를 사용하여 CSS 미디어 쿼리를 사용하여 화면 크기를 기반으로 Pagination 버튼의 크기 및 레이아웃을 조정하는 방법. 또한 jQuery에서 .resize () 메소드를 사용하여 화면 크기를 기반으로 페이지 당 항목 수를 조정할 수 있습니다.
데이터베이스와 함께 jQuery Pagination을 어떻게 사용할 수 있습니까? 데이터베이스와 함께 jQuery Pagination을 사용하여 PHP 또는 Node와 같은 서버와 같은 데이터를 사용하여 데이터베이스를 사용하여 데이터베이스를 사용하여 데이터베이스에서 데이터를 사용하여 PAGINATION을 사용합니다. 데이터. 또한 페이지를 새로 고치지 않고 데이터를 가져 오기 위해 Ajax를 사용해야합니다.
jQuery Pagination에 'All Show'옵션을 추가 할 수있는 방법은 무엇입니까?
'All Show'옵션을 클릭 할 때 모든 항목을 표시하고 Pagination 버튼을 숨기는 버튼을 만들어 jQuery Pagination에 추가 할 수 있습니다. jQuery에서 .show () 메소드를 사용하여 모든 항목을 표시해야합니다. jQuery Pagination에 '페이지 당 항목'옵션을 추가 할 수있는 방법은 무엇입니까?
‘페이지 당 항목’옵션을 jQuery Pagination에 추가 할 수있는 jQuery Pagination에 추가 할 수 있습니다. 그런 다음 선택한 옵션을 기반으로 페이지 당 항목 수를 조정하는 함수를 만듭니다. jQuery Pagination에 '첫 번째'및 '마지막'버튼을 추가 할 수 있습니까?
첫 번째 버튼과 '마지막'버튼은 각각 두 개의 추가 버튼과 기능을 만들어 jquery Pageination에 추가 할 수있는 두 개의 추가 버튼 및 기능을 추가 할 수 있습니다. jQuery의 .first () 및 .last () 메소드를 사용하여이를 달성합니다.
위 내용은 jQuery를 사용하여 빠른 페이지 매김을 생성하십시오의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!