如何在下降之前突出显示可排序的潜在下降区域？

Question

我正在使用JQuery的Sortable(不是Draggable或Droppable),我想知道如何突出用户开始排序时用户拥有的潜在丢弃区域(使用CSS).就像是

http://www.shopdev.co.uk/blog/sortables.html

但突出显示可以删除项目的区域.

Answer 1

使用Placeholder选项定义要应用于默认空白的css类

  placeholder: 'someClass'

在这里演示

您还可以使用更改事件并覆盖可排序应用于占位符的隐藏的内联可见性.

请在此处查看快速演示

$("#sortable").sortable({
    change: function(event, ui) {
      ui.placeholder.css({visibility: 'visible', border : '1px solid yellow'});
    }
});