jQuery를 사용하여 정렬되지 않은 목록을 필터링하고 페이지 매김 만들기

Question

저는이 부분에 익숙하지 않으므로 답변에 구체적으로 질문 할 때 용서해주십시오. 감사!

저는 그들이 누구인지 (예 : 연예인, 정치인 등)를 정의하는 클래스가있는 순서없는 사람 목록이있는 웹 사이트에서 작업하고 있습니다.

맨 위에는 이러한 클래스를 사용하여 결과를 좁히기 위해 사용할 수있는 필터가 있습니다. 필터를 클릭하면 기본적으로 선택한 클래스가있는 목록 항목을 제외한 모든 목록 항목이 숨겨집니다. 그리고 물론, 모든 텍스트를 표시하는 '모두'버튼.

즉, I 도입니다. pajinate.js를 사용하여 페이지 매김을 수행하고 있습니다.

필터를 사용할 때 필터링 된 항목을 반영하여 페이지 매김이 업데이트되지 않습니다.

어떤 조언이 필요합니까? 내가 인식하지 못하는 필터링 기능을 지원하는 다른 페이지 매김 플러그인이 있습니까?

-j

Answer 1

나는이 페이지에서 pajinate.js를 사용하는 가정 : 그것은 pajinate처럼 보이는 http://github.com/wesnolte/Pajinate

이 목록 항목의 클래스가 무엇인지 상관하지 않는다, 그래서 '수상 사용자가 클래스를 숨길 때 페이지 매김을 변경하십시오.

pajinate.js와 함께 작동 시키려면 필터링 된 항목을 "저장"하기 위해 page_container div에 중첩되지 않은 다른 정렬되지 않은 목록을 가질 수 있습니다. 기본적으로 사용자가 필터를 선택하면 숨기거나 표시 할 요소 집합에 대해 appendTo() 및 remove() 함수를 사용하여 필터링 된 모든 항목을 내용 ul에서 숨겨진 ul로 이동합니다. 목록 항목을 이동 한 후에 page_container div에서 pajinate() 함수를 호출해야 할 수도 있습니다.

다른 누군가가 더 간단한 해결책을 갖고 있기를 바랍니다.