请帮帮我!!!
我有一组卡片,我正在尝试通过拖放对卡片进行排序。我也在促进卡片的分组。这些卡片在 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;
}
谢谢您,并等待您的宝贵答复。