Question

我正在为我的一个小项目使用jQueryMobile。当显示列表视图加上其搜索过滤器有10万个项目时，我意识到在滚动列表时保持搜索输入框是固定的，就像标题一样。想象一下，我所拥有的是：

<section data-role="page" id="start-page">
  <header data-role="header" data-position="fixed">
    <h1>Start Page!</h1>
  </header>
  <div data-role="content">
    <ul data-role="listview" data-filter="true" id="start-page-listview" data-filter-placeholder="Search..." data-filter-theme="d" data-theme="d" data-divider-theme="d"></ul>
  </div>
</section>

实现这一目标的最佳方法是什么？有没有办法在不必自己触摸jQuery Mobile文件（css或js）的情况下完成它？

提前致谢！

Answer 1

将搜索字段放在标题中，数据位置是固定的

<section data-role="page" id="start-page">
 <header data-role="header" data-position="fixed">
   <h1>Start Page!</h1>
   <ul data-role="listview" data-filter="true" id="start-page-listview" data-filter-  placeholder="Search..." data-filter-theme="d" data-theme="d" data-divider-theme="d"></ul>
 </header>
 <div data-role="content">

</div>

使用数据过滤器，其位置固定（不可滚动）

1 个答案: