javascript - Sortablejs,拖放而不移动其他元素

标签 javascript sortablejs

元素掉落之前元素怎么可能没有移动?

In this image, you can see how it is working

this is what I need

源代码:

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>

最佳答案

我找到了解决方案

交换:正确, 动画:0

各位,跟我一样

如果您英语不好,这个论坛不适合您

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

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

再见堆栈溢出,谢谢你过去帮助我。 我再也不会发帖了,没有帮助,没有问题

关于javascript - Sortablejs,拖放而不移动其他元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/73343169/

相关文章:

javascript - SortableJS 没有将我排序的待办事项列表保存在 localStorage 中

javascript - 如何在 AJAX 请求期间启用 Google Storage gzip

javascript - 将字符串转换为正则表达式时如何保留\

javascript - 有没有办法将按钮动态添加到 JSON 表?

javascript - $(...).sortable 不是函数

javascript - Vue Draggable View 与模型不同步

r - 从 Shiny 的 DT 行选择中添加 react 性排名列表标签

javascript - 搜索没有jquery的js图像裁剪插件

javascript - Rails 正在渲染部分 View ,而它应该只更新现有页面中的部分 View