JQuery Mobile : 동적 검색 필터가있는 목록

Question

JQuery Mobile 1.2.0을 사용하기 시작했습니다. listviewwhen의 문제를 만났습니다. 시작하려면 guide을 따르십시오. html에서는 샘플 코드를 사용했지만 목록보기에는 작은 문제는 다음과 같습니다.

사용자가 볼 수 있듯이 검색 필드는 목록보기로 나타납니다. 그러나 JQuery 웹 사이트에서 잘 실행됩니다. 그래서 나는 조금 길을 잃었고, 무엇이 빠졌는지 전혀 모른다.

아무도 도와 줄 수 있습니까?

편집 :

<ul data-role="listview" data-inset="true" data-filter="true"> 
<li><a href="#">Acura</a></li> 
<li><a href="#">Audi</a></li> 
<li><a href="#">BMW</a></li> 
<li><a href="#">Cadillac</a></li> 
<li><a href="#">Ferrari</a></li></ul> 

Answer 1

Here's 작업 예제 소스 코드 :

<div data-role="page" id="some-page"> 
    <div data-role="header"> 
     <h1>Warning</h1> 
    </div> 
    <div data-role="content">  
     <ul data-role="listview" id="thumbs" data-filter="true"> 
      <li><a href="index.html">Adam Kinkaid</a></li> 
      <li><a href="index.html">Alex Wickerham</a></li> 
      <li><a href="index.html">Avery Johnson</a></li> 
      <li><a href="index.html">Bob Cabot</a></li> 
      <li><a href="index.html">Caleb Booth</a></li> 
      <li><a href="index.html">Christopher Adams</a></li> 
      <li><a href="index.html">Culver James</a></li> 
     </ul> 
    </div> 
</div>