draggable - 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 :(
解决方案
推荐阅读
- docker - dockerized wildfly 实例之间的共享部署目录
- git - 您如何比较当前分支的文件与 VsCode 中给定提交中的文件?
- vee-validate - vee-validate 错误消息没有字段名称
- regex - 从多个电子表格有条件地导入
- excel - 使用 IE 实现 Excel 自动化
- java - 使用 Java 9 模块 (JPMS) 时出现 java.lang.NoSuchMethodError
- c# - 在我的 WCF 服务上配置 HTTPS 时出现问题
- java - 发布 INSTALL_PARSE_FAILED_NO_CERTIFICATES
- pyspark - 将文件读取并附加到 spark 数据框中
- spring-boot - 使用 KMS 提供的密钥增强 DataSourceProperties 配置 bean