0

我遇到的问题是，如果您稍微向上拖动（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>
4

1 回答 1

1

DEMO——你的 CSS 一团糟。

您的<li>标签没有正确封装其内容，从而导致您的问题。

于 2012-11-12T19:45:37.923 回答