iScrollのスクロールリストビューフィルタを無効にする

Question

javascript-jquery.mobile.iscroll pluginを使用してアプリケーションにiScrollを統合しようとしています。私は特定のページのリストビューコンポーネントをスクロールするためにそれを使用したい。私はこのリストビューのフィルターは、ヘッダーの直後に固定され、リストビュー項目だけをスクロールすることを望みます。

私はdiv要素が id="scroller"でマークされた前に、プログラムで次のように（そのためのスクロールを避けるため）フィルターフォームを移動しようとしているところで

：

$('#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'));です。

興味がある場合は、hereです。