2012-10-01 17 views
5

Ben ul ve uzun bir liste içinde bir veri filtresi ile bir liste görünümü kullanıyorum.Jquery mobile Veri Filtresi Sabit konum/Statik

Sorunum, veri süzgeci taraması içinde aşağı kaydırdığımda kaybolduğudur.

Bunu yapmak için her zaman görülebildiğim var mı?

Örnek:

o görüntü kapısında sabittir böylece arama-filtre-elementin CSS özelleştirebilirsiniz
<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> 

cevap

13

.

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

Sen bunu belirli bir liste görünümü widget için sadece arama-girişini hedef edebilmek için kullanılan, #my-wrapper seçici göreceksiniz. Bu mahfaza içine listview widget için arama girişini yerleştirir gibi bir sarıcı kullanılması

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

, bu yüzden doğru arama-girişini hedef o sargıyı kullanabilir: My HTML buna benzemez. Varsayılan olarak jQuery Mobile, listeyi DOM'daki arama girişi ile liste görünüm widget'inin önceki eşi olarak yerleştirir.

İşte bir videosu: http://jsfiddle.net/vmndx/