阻止iScroll滾動列表視圖過濾器

Question

我正在嘗試使用javascript-jquery.mobile.iscroll插件將iScroll集成到我的應用程序中。 我想用它來滾動某個頁面的listview組件。 我希望這個listview的過濾器在標題之后保持固定，只滾動listview項目。

順便說一下，我試圖以編程方式移動過濾器表單，然后在標記為id="scroller"的div之前（以避免滾動它），如下所示：

$('#testPage').live('pageinit', function() {
    $('form.ui-listview-filter').insertBefore($('div.scroller'));
});

但是，表單不會移動並停留在可滾動區域中。 任何人都知道是否可以移動它或是否有其他方法來阻止過濾器的滾動？

我的HTML代碼是這樣的：

<div id="testPage" data-role="page" data-iscroll="enable">
    <div data-role="header" data-position="inline">
    <h1>Test</h1>
    </div>
    <div data-role="content" data-iscroll="scroller">
      <div id="scroller">
      <ul data-role="listview" data-filter="true">
            <li><h3>Test1</h3></li>
            <li><h3>Test2</h3></li>
            <li><h3>Test3</h3></li>
            ...
            <li><h3>Test60</h3></li>
        </ul>         
     </div> 
</div>

完整的例子在這里： http ： //jsfiddle.net/emFbM/11/

預先感謝您的幫助！

Answer 1

我終於解決了它在div之前使用data-role="content"移動過濾器，如$('.ui-content').before($('form.ui-listview-filter')); 。

最終代碼在這里以防萬一有興趣。