jQuery:Sortable:列表为空时占位符

时间:2013-12-05 14:24:11

标签: javascript jquery draggable jquery-ui-sortable

我想要做的是让占位符显示与常规占位符相同而不是当我将鼠标悬停在我想要删除可拖动的区域时,但只有当列表为空时才会出现,并且没有可拖动被拖到它上面。

这就是我当前占位符的方式(悬停时):

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

这里没有意义的是我想要发生的一步一步:

  1. 用户清除可排序的'li's
  2. 占位符显示'在此处删除内容'
  3. 用户将项目悬停在可排序的位置,并删除第2步中的占位符,代替常规的悬停占位符。
  4. 我尝试了很多不同的方法,似乎没有一种方法可以解决这种情况。

    干杯

1 个答案:

答案 0 :(得分:0)

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