【问题标题】:Sticky list dividers in jQuery Mobile?jQuery Mobile 中的粘性列表分隔符?
【发布时间】:2012-09-06 08:43:32
【问题描述】:

有没有办法让 jQuery Mobile 列表分隔符标题固定/粘在页面顶部,直到下一个字母或列表分隔符出现并取而代之?

我已经找到了类似的东西:https://github.com/jquery/jquery-mobile/blob/master/experiments/scrollview/lists-divider.html 但是demo不起作用,当我实现了这段代码时,它也不起作用。

【问题讨论】:

  • 你的链接现在失效了:-(

标签: jquery jquery-mobile


【解决方案1】:

我正在寻找一个插件来做同样的事情,也适用于 jquery.mobile 上的列表分隔符。 找到Sticky plugin

它在 firefox 上运行良好,但在 Chrome 或 Safari 浏览器上,分隔符不会粘在顶部,这可能是因为 jquery mobile 创建的复杂菜单结构。 会试着弄清楚。

【讨论】:

  • sticky 插件适用于 jquery mobile。只需要修改宽度和z-index
【解决方案2】:

您可以使用此jQuery plugin on GitHub。还有一个关于它的showcase article,将其显示为 iOS 联系人应用程序。

该插件允许您选择您喜欢的任何选择器作为标题。见this example for more details

【讨论】:

  • 无法让它与 jQM 1.3.1 一起工作 - 我错过了什么吗?谢谢!我的电话 '$('ul#folderlist').list({ headerSelector : 'li.list-first-lvl' });'返回我的 UL 元素。看起来对吗?
猜你喜欢
  • 2013-06-28
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多