jquery - 如何使 充当 (使用数字而不是元素符号)？

Question

这是一个不幸的问题，但我看不到任何其他解决方法。

基本上，我使用 Kendo UI 面板栏来创建可扩展列表。问题是，当您使用 <ol>作为子列表，面板栏功能不起作用。

fiddle 示例: http://jsfiddle.net/b3y62uzr/2/

HTML:

<ul id="panelBar1">
    <li>
        Item 1
            <ul>
                <li>Sub Item 1</li>
                <li>Sub Item 2</li>
            </ul>
    </li>
    <li>Item 2
            <ol>
                <li>Sub Item 1</li>
                <li>Sub Item 2</li>
            </ol>
    </li>
</ul>

可以看到第一个item可以正常展开/收起，但是第二个item一直处于打开状态，无法进行交互。

在我的应用程序中，我需要对扩展部分中的子列表进行编号，而不是元素符号。 (我修改了 Kendo 面板栏样式以显示元素符号)。

所以问题是:是否有可能制作一个<ul>使用数字而不是元素符号？

编辑:如果您想要答案，请使用此 Fiddle:https://jsfiddle.net/1h2kLqu4/1/

Answer 1

是的，您可以在无序列表上使用 list-style-type CSS 属性。

您可以这样定位它:

ul li{
    list-style-type: decimal;
}

Here is a fiddle showing you the result.