首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Sortablejs,没有其他元素的拖放

Sortablejs,没有其他元素的拖放
EN

Stack Overflow用户
提问于 2022-08-13 09:43:24
回答 1查看 245关注 0票数 0

在元素下降之前,这些元素怎么可能没有移动?

在这个图像中,您可以看到它是如何工作的。

这就是我需要的

源代码:

代码语言:javascript
复制
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  
    });
}
代码语言:javascript
复制
.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}
代码语言:javascript
复制
<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>

EN

回答 1

Stack Overflow用户

发布于 2022-08-13 14:11:20

我找到了解决办法

交换:真,动画:0

伙计们,跟我一样

如果你不懂好英语,这个论坛不适合你。

这里只有专业的英语使用者,谁知道很好的问题,答案,分机。

如果有人知道你的问题的答案,但你错过了分号的句子,他们告诉你:我们去学习语法,然后来这里回答你的问题。

再见堆积如山,谢谢你过去的帮助。我再也不发邮件了,没有帮助,没有问题

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/73343169

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档