Question

的Javascript

$('#sortablelist).sortable{
     update: function(ev, ui){...}, 
     placeholder: "ui-state-highlight",
     connectWith: ".ui-sortable" 
}

默认情况下，dropOnEmpty = true所以我没有设置它。

因为列表是空的，但我想在空列表中给它一个'占位符'目标，我给了sortablelist div一个额外的帮助类来给空#sortablelist一些'表面区域'可以这么说（这样当你将一个元素拖到附加的列表上时就会得到一个占位符）

HTML

<div id="sortablelist" class="ui-sortable ui-sortable-helper"></div>

.ui-sortable-helpclass {
    height: 100px;
    width: 100%;
}

这适用于 Firefox，IE，Safari，，但占位符不会出现（因此 Google Chrome

有什么想法吗？

Answer 1

我能够解决这个问题的唯一方法是在列表中添加填充。

#sortablelist {
  padding: 16px 21px !important;
}

你可能不需要！important，我需要它来覆盖一些我无法追踪的更高优先级的填充。