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

Question

如何建立一个链接，将remove（恢复）占位符元素放到左侧的主列表中？

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

另外，除了左边的列表之外，我还为占位符写了限制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();
  });
}

也适合你。