阻止iScroll滚动列表视图筛选器
Prevent iScroll scrolling listview filter
我正在尝试使用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/
提前感谢您的帮助!
我最终解决了将过滤器移动到div
之前和data-role="content"
之间的问题,就像$('.ui-content').before($('form.ui-listview-filter'));
一样。
最后的代码在这里,以防有人感兴趣。
相关文章:
- 自定义筛选器不'我不使用django数据表视图创建的ajax.data.Json
- 如何使用搜索筛选器初始化列表视图
- 在组合框筛选后执行回调网格视图
- 为什么主干筛选器收集在传递到视图时失败
- 用于筛选日期范围之间的数据的沙发基视图
- 如何筛选主干.js集合和重新呈现应用视图
- 如何从视图中的控制器筛选结果
- 如何将对象文本从 Angular 中的视图传递给筛选器
- CouchDB 中的筛选和排序视图
- 剑道 UI 中列表视图的日期筛选器
- SAPUI5:如何在两个视图之间筛选列表
- 如何使用查询字符串显示筛选后的视图
- 无法从带有下拉选择更改的淘汰视图模型中筛选数据
- ember.js如何为视图显示不同的筛选列表?复杂的设置
- JQuery移动列表视图筛选器初始化
- 在类别筛选视图中搜索
- 阻止iScroll滚动列表视图筛选器
- 为登录用户筛选视图面板
- 根据视图中$scope var的属性进行筛选
- 带有在JavaScript代码中定义的筛选器的SAPUI5 XML视图