0

请帮帮我!!!

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

我面临的问题是,在排序过程中,由于这些卡片被 margin-left:-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;
}

谢谢您,并等待您的宝贵答复。

4

0 回答 0