0

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

ちなみに、私は次のように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/

よろしくお願いします！

4

1 に答える 1

2

このようにフィルターを前に動かしてやっと解決しましdivた。data-role="content"$('.ui-content').before($('form.ui-listview-filter'));

誰かが興味を持っている場合に備えて、最終的なコードはここにあります。

于 2012-06-06T06:33:24.180 に答える