Question

我正在实现拖动和排序功能。我有2个可拖动区域。你可以看一下URL

https://study-navin10sharma.c9.io/

1.只需以城市为例，放下积极的工作理由然后再把城市带出活跃的理由，一切都很好。但是，如果您尝试以主动原因添加城市，那么城市街区将是不可见的。

每次拖动我都会动态执行排序操作。

$(function() {
$( "#sortable1, #sortable2" ).sortable({
  connectWith: ".connectedSortable",
  helper: 'clone',
  containment:"document",
  revert:"true",
  tolerance:"pointer"
   });
 });

 $("#sortable2").sortable({
  stop: function ( event, div){
  data = $(this).sortable('toArray', { attribute: 'data-id' });
  //Here we perform our ajax request
 },
 receive: function (event, ul) {
  ul.item.remove();
 }
 });

 //WITH EACH DRAG it connect with sort
 $("#sortable1>div").draggable({
   connectToSortable: "#sortable2",
   helper: "clone",
   revert: "invalid",
   axis :"y"
   });

$("#sortable2>div").draggable({
connectToSortable: "#sortable2",
helper: "clone",
revert: "invalid"
});

//HERE SOME HTML REFERENCE  
  <div id="sortable2" class="connectedSortable"> <span class="ui-sortable-handle">  ACTIVE</span></div> 

  <div id="sortable1" class="connectedSortable"> 
    // Here i have list of the element that i want to Drag
   </div>

当我拖动项目排序触发器时，还有一件事情，但这不是一个好方法，可能是元素丢弃然后排序需要开始。请帮我解决这个问题。如果还有其他你想要的东西让我知道。

感谢。

拖动和排序只能在第一次工作

0 个答案: