Latest web development tutorials

jQuery를 모바일 필터

당신은 요소를 필터링 할 수 있습니다

모든 요소가 하나 이상의 서브 - 소자는, 여과 될 수있는 경우.

어떻게 검색 필드를 만들 수 있습니다 :

  • 당신은 데이터 필터 = "true"로 속성을 사용해야합니다 요소를 필터링 할 수 있습니다.
  • <입력> 요소를 작성하고 ID를 지정 플러스 요소 = 데이터 형 속성을 "검색". 이 기본 검색 필드를 생성합니다. <입력> 요소 형태로 배치, 형태는 <형태> 요소는 "UI-필터링"클래스를 사용 -이 클래스는 멀리 필터 요소에서 검색 필드 외부 조정됩니다.
  • 다음에 필터 엘리먼트에 대한 데이터 입력 특성을 추가한다. 이 값은 ID <입력> 요소가 있어야합니다.

다음에 우리는 필터링 된 목록을 작성 :

목록 검색 요소

<폼 클래스 = "UI-필터링 ">
<입력 한 id = "myFilter"데이터 타입 = "검색">
</ FORM>

<UL 데이터 역할 = "목록보기 "데이터 필터 = "true"로 데이터 입력 = "#의 myFilter">
<리> <a보기 </a> 아델 </A> </ 리>
<리> <a보기 </a> 빌리 </A> </ 리>
<리> <a보기 </a> 캘빈 </A> </ 리>
</ UL>

»시도

팁 : 메시지를 설정하려면 검색 필드에 자리 표시 자 속성을 사용할 수 있습니다 :

<입력 한 id = "myFilter"데이터 타입 = "검색"자리 = " 이름을 검색에있어서 ..">

»시도

사용자 정의 필터

일반적으로 각각의리스트 항목의 본문에 삽입 된 필터 텍스트로 사용하는 것 (예를 들면 "아델"또는 "B"는 "빌리"에 대응에 대응하는). 사용자 정의 텍스트 필터를 지정하려는 경우, 당신은 자식 요소에 데이터 filtertext 속성을 사용합니다 :

<리 데이터 filtertext = "즐겨 찾기 "> <a보기 </a> 아델 </A> </ 리>

»시도
주의 F, A, V, 또는 : 당신이 요소의 데이터 filtertext 속성을 사용하는 경우, 소스 텍스트 콘텐츠 요소는 "아델"항목의 목록을보고있는 경우 필터는 다음과 같은 키워드의 사용을 필요로 할 때 무시됩니다 즐겨 찾기.
예

더 많은 예제

여과 접힌 목록
어떻게 필터 목록을 접혀.

테이블 필터
어떻게 테이블의 컨텐츠를 필터링합니다.

<DIV> 요소를 필터
아이를 필터링하는 방법 <DIV> 요소는 <p> 요소가 포함되어 있습니다.