1

如果我正确阅读了文档,我了解嵌套列表已从 JQM 1.3.1 中删除,这意味着我不能使用如下列表格式:

<ul data-role="listview">
    <li></li>
    <li></li>
    <li>
        <ul>
            <li></li>
            <li></li>
            <li></li>
        <ul>
    </li>
</ul>

我不确定现在做嵌套列表的正确方法是什么,所以我这样做了:

<ul data-role="listview"><li></li></ul>
<ul data-role="listview"><li></li></ul>
<ul data-role="listview"><li></li></ul>
<ul data-role="listview" class="submenu">
    <li></li>
    <li></li>
    <li></li>
</ul>

所以从技术上讲,每个列表项只是一个带有单个列表项的列表视图,任何子菜单都是普通的列表视图列表。

这是有效的吗?我的意思是,它有效,只是想知道是否有更好的方法。

4

1 回答 1

2

嵌套列表仍然有效,它们只是从 1.3.0 版本中弃用。

官方文档: http: //view.jquerymobile.com/1.3.0/docs/widgets/listviews/随便搜索一章叫:Nested.

工作 jQuery Mobile 1.3.1jsFiddle示例:http: //jsfiddle.net/Gajotres/xeggf/

根据官方博客,它们可能会在 1.4 版中被删除。

让我们更进一步。不存在处理嵌套列表视图的新方法。Omar 已经告诉过您现在可以做的最接近的事情,它是嵌套在可折叠元素中的列表视图(一个示例可以在答案顶部的 jsFiddle 示例中找到)。没有其他东西存在,至少不是开箱即用的。

新的解决方案需要一些开发,我将把它留给你。这是一个建议的解决方案(由 jQuery Mobile 开发人员提供)。

您需要的是原始列表视图,就像使用嵌套列表视图时一样。但不是嵌套,您将动态创建新页面,用新的列表视图填充它(这个将充当嵌套列表视图)。当您不再需要它时,只需将其删除并在时间到来时创建一个新的。

于 2013-07-05T13:30:55.183 回答