2013-04-30 69 views
0

Collapsible list jsfiddle如何搜索在jQuery Mobile的可摺疊列表視圖中所有的內容只有一個搜索欄(內部列表視圖數據也)

在這裏當我搜索的內部數據這個環節,只搜索上列表標題 但就是這樣,可能當我鍵入上面的例子的搜索欄(例如:內部數據,如: - 「Acura」),所以它只顯示「Acura」在jquery手機?

<html><head></head><body><div data-role="page" id="page"> 
    <div data-role="content"> 
     <ul data-role="listview" data-filter="true" id="outer-ul"> 
      <li> 
       <div data-role="collapsible" data-content-theme="c"> 
        <h3>Firs Collapsed list</h3> 
        <ul data-role="listview"> 
         <li><a href="index.html">Acura</a></li> 
         <li><a href="index.html">Audi</a></li> 
         <li><a href="index.html">BMW</a></li> 
        </ul> 
       </div> 
      </li> 
      <li> 
       <div data-role="collapsible" data-content-theme="c"> 
        <h3>Second Collapsed list</h3> 
        <ul data-role="listview" data-inset="false" data-theme="d"> 
         <li><a href="index.html">Cadillac</a></li> 
         <li><a href="index.html">Chrysler</a></li> 
         <li><a href="index.html">Dodge</a></li> 
        </ul> 
       </div> 
      </li> 
     </ul> 
    </div> 
</div></body></html> 

回答

1

結帳這樣的:http://jsbin.com/ogexof/18

這是一樣的,只要你想。

+0

正是我想要的,謝謝!我必須做出一些改變才能使用jQuery 1.9及以上版本:http://jsbin.com/IlaQEfI/2/(可能有更好的方法來做到這一點。) – 2014-01-06 08:31:51