jQuery UI Drag&Drop/Sortable Drop在空,在Chrome中

Question

我正在使用jQuery UI Sortable功能.

使用Javascript

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

默认情况下,dropOnEmpty = true我没有设置它.

因为列表是空的,但是我想在空列表中给它一个"占位符"目标,我给了sortablelistdiv一个额外的帮助类来给空的#sortablelist一些"表面区域"可以这么说(所以在附加列表上拖动元素时获得占位符)

HTML

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

CSS

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

这适用于Firefox,IE,Safari,但占位符不会出现(因此无法在Google Chrome中使用

有什么想法吗？

Answer 1

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

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

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