javascript - 可排序 - 删除链接并在占位符之间交换

Question

如何创建一个链接，将占位符元素删除(恢复)到左侧的主列表？

就这样 https://jqueryui.com/droppable/#photo-manager

另外，除了左边的列表之外，我还为占位符写了limit 1。但是占位符之间如何交换呢？

<强> DEMO

Answer 1

在示例 att jqueryui.com 中已经有一个恢复已删除项目的功能。

// image recycle function
var trash_icon = "<a href='link/to/trash/script/when/we/have/js/off' title='Delete this image' class='ui-icon ui-icon-trash'>Delete image</a>";
function recycleImage( $item ) {
  $item.fadeOut(function() {
    $item
      .find( "a.ui-icon-refresh" )
        .remove()
      .end()
      .css( "width", "96px")
      .append( trash_icon )
      .find( "img" )
        .css( "height", "72px" )
      .end()
      .appendTo( $gallery )
      .fadeIn();
  });
}

应该也适合你。