我正在使用Gridstack js为仪表板创建可拖动/可调整大小的小部件。图为示例窗口小部件。我保留了默认的可拖动值,可以通过双击小部件内的任何位置来拖动它。我要做的是仅通过单击灰色区域使小部件可拖动。是否应该为此覆盖默认的可拖动值?如果可以,怎么办?我对jquery / js相当陌生,在互联网上找不到任何类似的东西。

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

最佳答案

假设您使用的是GridStack默认的jQueryUI的draggable,则可以在所有您不想拖动的元素上使用cancel选项重新设置可拖动的构造函数。在下面的代码中,将not-draggable类添加到网格堆栈项内的所有div都将使其拖动受到抑制。

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

关于javascript - 允许Gridstack仅可拖动到项目的特定区域,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/43038283/

10-16 15:30