允许Gridstack仅可拖动到项目的特定区域

Question

我正在使用Gridstack js为仪表板创建可拖动/可调整大小的小部件。该图显示了一个示例小部件。我按原样保留了默认的可拖动值，我可以通过双击窗口小部件内的任何位置来拖动它。我想要做的是只通过单击灰色区域使窗口小部件可拖动。是否应该为此覆盖默认的可拖动值？如果是这样的话？我是jquery / js的新手，在互联网上找不到类似的东西。

Answer 1

假设你正在使用gridstack默认的jQueryUI的draggable，你可以在你想要不可拖动的任何元素上使用cancel选项重新设置draggable构造函数。在下面的代码中，将not-draggable类添加到网格堆栈项内的任何div将禁止拖动。

$('.grid-stack-item').draggable({cancel: "div.not-draggable" });