防止 iScroll 滚动列表视图过滤器答案

【问题标题】：Prevent iScroll scrolling listview filter防止 iScroll 滚动列表视图过滤器
【发布时间】：2012-01-27 10:45:20
【问题描述】：

我正在尝试使用 javascript-jquery.mobile.iscroll plugin 将 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/

提前感谢您的帮助！

【问题讨论】：

嘿伙计，您找到解决方案了吗？我面临同样的问题
我已经用最终代码添加了问题的答案。

标签： javascript jquery listview jquery-mobile iscroll4

【解决方案1】：

我终于解决了它在div 之前使用data-role="content" 像这样$('.ui-content').before($('form.ui-listview-filter')); 移动过滤器。

最终代码为here，以防有人感兴趣。

【讨论】：