jQuery：可排序：列表为空时的占位符

Question

我想要做的是显示一个占位符，它与常规占位符相同，而不是当我将鼠标悬停在我想放置可拖动的区域时出现，但仅当列表为空且没有draggable 被拖到它上面。

这就是我当前占位符的方式（用于悬停时）：

placeholder: {
        element: function(event, ui) {
            return $('<li class="module-drop-content brochure">Drop Content Here</li>');
        },
        update: function() {
            return;
        }
    },....

如果这里没有意义是我希望发生的事情的一步一步：

1. 用户清除'li's的排序
2. 占位符显示“将内容放在此处”
3. 用户再次将项目悬停在 sortable 上，并删除第 2 步中的占位符，代替常规的悬停占位符。

我尝试了许多不同的方法，但在这种情况下似乎都没有。

干杯

Answer 1

如果您使用某个按钮清除列表，则可以将“将内容放在这里”占位符放置在空列表中。至于删除占位符，请使用beforeStop or stop event。