0

您好,我正在研究一个 JQuery 嵌套可排序列表,我在这里遇到了一个用于嵌套排序的插件 我可以成功拖放列表项,但是一旦拖动列表中的项目,我想进行 ajax 调用,是否可以这个用这个插件?它是否提供在拖动完成后调用 ajax 的任何选项?

我的 JS 文件是

$('#sortable').nestedSortable(
   {
        disableNesting: 'no-nest',
        forcePlaceholderSize: true,
        handle: 'div',
        items: 'li',
        opacity: .6,
        placeholder: 'placeholder',
        revert: 250,
        tabSize: 25,
        tolerance: 'pointer',
        toleranceElement: '> div',
        connectWith: '.sortable',
            onChange: function(serialized) {
            },
            onStop : function(){
                var element_id = $(this).attr("id");
                var parent_id = $(this).parent().attr("id");
                var prev_sibling_id = $(this).prev().attr("id");
                if(parent_id=='trash'){
                    var url = $(this).attr("patent-trash");
                    var data = {PID:element_id};
                    $.ajax({
                        type: "POST",
                        data: data,
                        url:url,
                        cache: false,
                        success: function(data) {
                            document.location.reload(true);
                        }
                    });
                }
 });

我之前使用过 onStop ,但有一些问题,我认为插件是相同的,但一些更新是在 1 个月前完成的,现在是否提供了在拖动完成后调用 ajax 的任何选项,或者有任何替代方法吗? ?

请帮助我,我尽了我的努力

提前致谢

4

1 回答 1

3

我找到了解决方案 :) 因为它与 jQuery Sortable 连接,所以所有的事件、选项和方法都在这里可用。我用了

  stop:function(){
  var element_id = $(this).attr("id");
            var parent_id = $(this).parent().attr("id");
            var prev_sibling_id = $(this).prev().attr("id");
            if(parent_id=='trash'){
                var url = $(this).attr("patent-trash");
                var data = {PID:element_id};
                $.ajax({
                    type: "POST",
                    data: data,
                    url:url,
                    cache: false,
                    success: function(data) {
                        document.location.reload(true);
                    }
                });
            }

  }

它奏效了:)

于 2012-08-02T18:33:14.427 回答