排序，拖动，顺利丢卡

Question

请帮帮我!!!

我有一组卡片，我正在尝试通过拖放进行卡片分类。我也在促进卡片的分组。这些卡片注意到了div中的IMAGES。对于排序，我使用的是Jquery UI可排序。

我面临的问题是，在排序期间，由于这些卡与左边距重叠：-45px，导致闪烁的排序导致卡和卡丢失在错误的位置。此外，转换也不顺利，因为每次排序都会导致重新定位卡片。

我已经通过帮助程序尝试了克隆功能，这也无法帮助我。

$(".group .parent").sortable({
        connectWith: ".parent",
        smooth:true,
        revert:100,
        opacity: 0.8,
        helper: 'clone',
        refreshPositions: false,
        containment:'#table_main',
        tolerance: "intersect"
    }).disableSelection();

HTML

<div class="group">
    <div class="parent">
        <div><p>1Item 1</p></div>
        <div><p>2Item 2</p></div>
        <div><p>3Item 3</p></div>
        <div><p>4Item 4</p></div>
        <div><p>5Item 5</p></div>
        <div><p>6Item 6</p></div>
        <div><p>7Item 7</p></div>
    </div>
</div>

Css是

.parent{
   display:inline-block;
}
.parent div{
    float:left;
    width: 90px;
    margin-left: -45px;
}
.parent div p{
    height: 95px;
    width: 90px;
    background:#CCC;
    border:solid 1px #999;
}

谢谢，等待您的宝贵回复。