2012-10-01 9 views
5

Używam listview z filtrem danych w ul i długiej liście.Jquery mobile Data-Filter Naprawiono pozycję/Static

Mój problem polega na tym, że po przewinięciu wyszukiwania filtr danych znika.

Czy w każdym razie mogę to zrobić, aby zawsze było widoczne?

Przykład:

<ul data-role="listview" data-filter="true"> 
<li><a href="index.html">Acura</a></li> 
<li><a href="index.html">Acura2</a></li> 
<li><a href="index.html">Acura3</a></li> 
<li><a href="index.html">Acura4</a></li> 
</ul> 

Odpowiedz

13

Można dostosować CSS search-filter-element tak, jest ona ustalana w rzutni.

#my-wrapper { 
    padding-top : 45px; 
} 
#my-wrapper form { 
    position : fixed; 
    top  : 15px; 
    left  : 15px; 
    width : 100%; 
    z-index : 1; 
}​ 

Zauważysz selektor #my-wrapper, użyłem go, aby móc kierować tylko z wyszukiwarki wejście dla konkretnego widget listview. Moje HTML wygląda następująco:

<div id="my-wrapper"> 
     <ul data-filter="true" data-role="listview"> 
      ... 
     </ul> 
    </div> 

Korzystanie owijkę tak umieszcza search-wejście dla widgetu listview wewnątrz owinięcia, dzięki czemu możemy korzystać z tego opakowania do celu prawidłowego search-wejście. Domyślnie jQuery Mobile umieszcza formularz z danymi wejściowymi wyszukiwania w DOM jako poprzednim rodzeństwem widżetu widoku listy. To jest wersja demo: http://jsfiddle.net/vmndx/