0

私が遭遇している問題は、少し上にドラッグして（5-10pxっぽい）ドロップすると、ドロップされたリストオブジェクトが最初のリストオブジェクトの上にスタックされることです。それ以上移動すると正常に動作します...オブジェクトを少し動かしてドロップした場合にのみ失敗します。

最新バージョンのJQueryとJQueryUIを使用しています。

誰かがこの問題を見た、またはそれが原因である可能性があることを知っていますか？ありがとう

問題...左側にドラッグ...右側にドロップの問題

コードに関しては、ここでは基本的な並べ替え可能な機能を使用しています。

#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

デモ—あなたのCSSはめちゃくちゃでした。

<li>タグがコンテンツを適切に包んでいないため、問題が発生していました。

于 2012-11-12T19:45:37.923 に答える