【发布时间】:2022-08-13 22:11:20
【问题描述】:
在元素下降之前元素怎么可能没有移动?
In this image, you can see how it is working
源代码:
var lgh = document.querySelectorAll(\'.list-group-header\'), i=0;
for(i;i<lgh.length;i++){
new Sortable(lgh[i], {
group: \'stored\',
draggable: \'.board-header-item\',
forceFallback: true,
dragoverBubble: true,
animation: 150
});
}
.sortable-ghost {background-color: white}
.sortable-fallback {transform: rotate(1deg);}
.sortable-fallback{cursor: pointer !important}
.list-group-header .sortable-ghost {background-color: white;color:black}
.list-group-header .sortable-fallback {transform: rotate(2deg);background: white}
.list-group-header .sortable-fallback {cursor: pointer !important}
.board-header-item{display: inline-block;padding: 7px 10px;border: 1px solid black;text-align: center}
<script src=\"http://sortablejs.github.io/Sortable/Sortable.js\"></script>
<div class=\"list-group-header\">
<div class=\"board-header-item status_size\">
<span class=\"second\">Status</span>
</div>
<div class=\"board-header-item person_size\">
<span class=\"second\">People</span>
</div>
<div class=\"board-header-item date_size\">
<span class=\"second\">Date</span>
</div>
<div class=\"board-header-item timeline_size\">
<span class=\"second\">Timeline</span>
</div>
</div>
标签: javascript sortablejs