2012-08-02 76 views
0

你好,我在一个jQuery工作嵌套排序列表,我碰到一个插件来嵌套排序here 我可以拖动并成功地删除列表中的项目,但我希望有一个Ajax调用,一旦某一项在该列表被拖动,这是否可能与此插件?它是否提供任何选项在拖动完成后调用ajax?JQuery的嵌套可排序和Javascript

我的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拖动完成后还是有其他方法可以做到这一点?

请帮助我,我想我所有的努力

在此先感谢

回答

3

我找到了解决办法:)因为它是连接与jQuery可排序的,因此所有的事件,选项和方法,可浏览这里。我用

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); 
        } 
       }); 
      } 

    } 

和它的工作:)