微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

gridstack 3.1.4 和 sortablejs:可拖动排序不起作用 - 可拖动区域覆盖 html 内容 (?)

如何解决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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。