nestedSortable text id

Question

我正在使用jQuery插件http://mjsarfatti.com/sandbox/nestedSortable/对于嵌套的可分拣物，但ID有问题。

我已经意识到，每当我在nestedSortable中设置<li>元素的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>

我得到的输出是[null,null]。这是某种限制吗？还是有办法解决这个问题？

Answer 1

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

将id="list1"更改为id="list_1"，依此类推。