JQuery UI拖放列表重叠问题

Question

我遇到的问题是，如果你稍微向上拖动（5-10px-ish）并放弃......它会将删除的列表对象堆叠在第一个列表对象的顶部。如果你将它移动得更多，它就可以正常工作......只有当对象稍微移动并掉落时才会失败。

我使用的是最新版本的JQuery和JQuery UI。

有人看过这个问题或者知道它可能是由什么引起的？感谢

在代码方面，我在这里使用基本的可排序功能：

#object_list {list-style: none;}
#object_list li {width: 264px; display: inline-block; color: #FFF; position: relative;    margin-right: 5px; margin-left: -33px; padding: 10px 8px 7px 48px; cursor: pointer;}
#object_list li:hover {background: #12191F;}

$(document).ready(function(){                      
    $(function() {
        $("#object_list").sortable();
        $("#object_list").disableSelection();
    });
});

<ul id="object_list">
    <li onClick="window.location = 'page.php'">
         <a href="page.php">
         <img alt="" src="imagesource.jpg" style="width: 28px; height: 28px; border: 1px solid #0C1013; background: #181E26; padding: 2px; position: absolute; top: 10px; left: 8px;" />
         </a>
         <span style="float: left; word-wrap: break-word; color: #EEE; font-size: 15px; font-weight: bold; font-family: 'Source Sans Pro'; text-shadow: 0px 1px 1px #000;">Name of Group</span>
    </li>
    .
    .
    .
</ul>

Answer 1

DEMO - 你的CSS很乱。

您的<li>代码未正确封装其内容，从而导致您的问题。