保留图像占位符，直到删除.sortable

Question

我目前正在创建一个小图库，我想通过拖放来改变图像的顺序，当我这样做时，我想让图像占位符保持原位，直到我把它放到某个地方

我在我的js（也是html）中使用了这段代码

$(document).ready(function(){
  $("#sortableImages").sortable({
    start: function (e, ui) { ui.item.show();}
  });
})

当我拖动图像时，它不会留下占位符。我究竟做错了什么？我在那里有一个带有li的ul和html中的图像。

Answer 1

$( "#sortableImages" ).sortable({
  start: function (e, ui) { ui.item.show();},
  placeholder: "ui-state-highlight"
});

在sortable中使用占位符选项。

Answer 2

我通过在可排序的回调中添加它来修复它

placeholder: {
        element: function(clone, ui) {
            return $('<li class="selected">'+clone[0].innerHTML+'</li>');
        }