简单的 javascript NestedSortableWidget（拖放）onchange 不起作用

Question

我使用 NestedSortableWidget。我使用这个脚本：

<script type="text/javascript" src="../../Scripts/jquery-1.js"></script> 
<script type="text/javascript" src="../../Scripts/interface-1.js"></script>
<script type="text/javascript" src="../../Scripts/inestedsortable.js"></script>

并且

<script type="text/javascript">
        jQuery(function($) {
            $('#spans-divs-regular').Sortable(
    {
        accept: 'page-item4',
        opacity: 0.8,
        helperclass: 'helper',
        onChange: function(serialized) {
        $('#left-to-right-ser').html("sds:" + serialized[0].hash);
        }       
    }
);
        });
</script>

我不需要嵌套项目但可以排序。我只需要发送回发来保存项目的状态。因此，当我使用 $('#spans-divs-regular').Sortable onchange 时不起作用。但是，如果使用 $('#spans-divs-regular').NestedSortable onchange 仅当我更改嵌套元素时才有效。

这是我的简单 html 页面：source_html。我需要你的帮助。

Answer 1

解决方案

我很久以前就解决了这个问题。所以我不太记得解决方案了。
但我找到了我的最终脚本：

<script type="text/javascript">
        jQuery(function($) {
            $('#spans-divs-regular').Sortable(
            {
                accept: 'page-item4',
                opacity: 0.8,
                helperclass: 'helper',
                onChange: function(serialized) {                  
                     $.post('/Persons/PersonViewOrderList?sort', serialized[0].hash + '');
                },
                autoScroll: true,
                handle: '.sort-handle',
                fx:300,
                revert: true
            })
        });
    </script>