一个元素是另一个元素

Question

我在不同的可排序组中有可排序的元素。我想使用一个元素作为添加新元素的工具。它应该以这种方式工作：当用户将这个“添加新元素”拖动到特定位置时，应该创建新元素并拖动一个元素（“添加新元素”）应该保持在它之前的位置。

你知道这是否可行？

Answer 1

如果我的理解是正确的，这个链接可能会让你知道如何做到这一点。试试这个页面上给出的演示。

[link： - http://jqueryui.com/droppable/#revert]

// Here is the code copied from the same page. I have modified it a bit.
$(function() {  

    // Element which you will drag
    $( "#draggable" ).draggable({ revert: "valid" });   

    // Element to which you will drag the above(draggable) element.
    // On 'drop' event of this droppable you can add the element.
    $( "#droppable" ).droppable({
      activeClass: "ui-state-default",
      hoverClass: "ui-state-hover",
      drop: function( event, ui ) {

          /*Write code for adding new item in the sortable list here*/        
      }
    }); 
});