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>

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

1 个答案: