Jquery 嵌套可排序文本id

我正在使用jQuery插件进行嵌套排序，但ID有问题

我意识到，每当我在nestedSortable中设置

元素的ID时，使用toArray、toHierarchy或serialize的输出都返回null

            <ol class="sortable">
            <li id="list1"><div>A</div>
                <ol>
                    <li id="list2"><div>1</div></li>
                    <li id="list3"><div>2</div></li>
                    <li id="list4"><div>3</div></li>
                    <li id="list5"><div>4</div></li>
                </ol>
            </li>
            <li id="list6"><div>B</div>
                <ol>
                    <li id="list7"><div>1</div></li>
                    <li id="list8"><div>2</div></li>
                </ol>
            </li>
        </ol>
        <script type="text/javascript">
            $(document).ready(function(){

                $('.sortable').nestedSortable({
                    handle: 'div',
                    items: 'li',
                    toleranceElement: '> div',
                    update: function() {
                        list = $(this).nestedSortable('toHierarchy');
                        $("#abc").html(JSON.stringify(list));
                    }
                });

            });
        </script>
        <pre id="abc"></pre>

A
1
2
3
4

B
1
2

$（文档）.ready（函数（）{
$（'.sortable'）.nestedSortable({
句柄：“div”，
项目:"李",，
公差元素：'>div'，
更新：函数（）{
list=$（this）.nestedSortable（'toHierarchy'）；
$（“#abc”）.html（JSON.stringify（list））；
}
});
});

---

我得到的输出是

[null，null]

。这是某种限制还是有解决方法？

您的ID属性应该包含下划线

将

id=“list1”

更改为

id=“list_1”

等