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>您的<li>標籤沒有正確包含其內容，從而導致您的問題。