当前位置：文江博客话题详情

jQuery Mobile 中的动态 A 到 Z 内容列表

发布于 2024-11-04 03:15:57 字数 221 浏览 1 评论 0原文

我希望在 jQuery Mobile 中构建一个 A 到 Z 的内容列表，其中数据被动态读取和分组。这可能吗？

我想要这样的东西从他们的文档（静态的）中动态分组：http://jquerymobile.com/demos/1.0a4.1/#docs/lists/lists-divider.html

但真正很棒的是如果我可以让分组包含可折叠的内容...

有什么想法、示例或资源吗？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

北城半夏 2024-11-11 03:15:57

列表分隔符本身就是 jQuery mobile 中的一个列表项。您可能需要手动完成（按字母顺序将内容插入列表中，并为每个字母放入列表分隔符

）。是的，将点击处理程序放在列表分隔符上，使它们显示和隐藏其下的所有

。因此，您的目标是像这样的列表结构：

<ul data-role="listview" data-theme="g">
    <li data-role="list-divider">A</li>
    <li class="a"><a href="acura.html">Acura</a></li>
    <li class="a"><a href="audi.html">Audi</a></li>
    <li data-role="list-divider">B</li>
    <li class="b"><a href="bmw.html">BMW</a></li>
</ul>

然后在 A 的列表分隔符上附加一个点击处理程序，使其隐藏具有类“a”的所有

。但是您必须手动生成它，直到有人编写一个插件来将对象转换为 JQM 列表（如果它尚不存在）。

A list divider is itself a list item in jQuery mobile. You'd probably need to do it by hand (insert things into the list alphabetically and put in a list divider <li> for each letter). And yeah, put click handlers on the list dividers to make them show and hide all the <li> s under them. So you're aiming for a list structure like:

<ul data-role="listview" data-theme="g">
    <li data-role="list-divider">A</li>
    <li class="a"><a href="acura.html">Acura</a></li>
    <li class="a"><a href="audi.html">Audi</a></li>
    <li data-role="list-divider">B</li>
    <li class="b"><a href="bmw.html">BMW</a></li>
</ul>

And then attach a click handler on the list divider for A to make it hide all <li>s with the class "a". But you will have to generate it by hand, till someone writes a plugin to convert an object into a JQM list, if it doesn't exist already.

回复收藏 0 原文

~没有更多了~