首页 > 解决方案 > gridstack 3.1.4 和 sortablejs:可拖动排序不起作用 - 可拖动区域覆盖 html 内容(?)

问题描述

我正在使用带有 sortable.js 的 gridstack v 0.4.0。在 Gridstack 中,我有一个带有列表的小部件, sortable.js 通过拖放使列表可重新排序。这就像一个魅力:-)

我更新到 v 3.1.4。网格效果很好,但我的 sortable.js 列表不起作用。经过多次测试,我发现,当我将选项 setstatic 设置为 true 时,可排序的作品。现在,当我将鼠标移到一个元素上时,鼠标指针变成了输入光标。如果 setstatic 设置为 false 并且我将鼠标移到某个元素上,则光标仍然存在。

每个小部件都有一个标题,可拖动句柄设置为标题类。

我认为可拖动区域设置在完整的小部件元素上,而不仅仅是在标题上。

sortablejs 如何再次使用 gridstack staticGrid false?

希望有人可以提供帮助。

以下是一些代码笔:

Gridstack 3.1.4 - staticGrid: false - Sortable in Grid dont  work

https://codepen.io/LordKingPin2020/pen/ZEpZXqW

Gridstack 3.1.4 - staticGrid: true - Sortable in Grid work (but widget cant be moved :( 

https://codepen.io/LordKingPin2020/pen/ZEpZXpE

标签: draggablesortablejsgridstack

解决方案


推荐阅读