如何强制嵌套列表与jQuery Mobile保持内联？

Question

我有一个列表，我想嵌入另一个列表中。但是，jQuery Mobile希望为嵌入式列表创建一个单独的页面。

这就是我所拥有的：

<ul data-role="listview">
    <li>Item 1</li>
    <li>
        Item 2
        <ol>
            <li><p>Embedded item 1</p></li>
            <li><p>Embedded item 2</p></li>
        </ol>
    </li>
</ul>

我更喜欢一种不触及内部列表的解决方案，因为它实际上是从外部源中提取的。

有没有办法让列表显示内联？

Answer 1

这是alpha3和alpha4之间的变化。 您需要做的就是将ol包装在div中，它将显示（不是很漂亮，但会显示）

从那里你可以将它设为列表视图并将其设置为插图以使其看起来更好。

请参阅：http://jsfiddle.net/MyHaB/1/

Answer 2

对于那些使用Google搜索找到与此类似的解决方案的人。

另一种方法是使用inlinelistview插件。它允许列表视图项在列表中内联打开，然后由用户再次切换为关闭。

On Github