我正在使用Gridstack js为 Jmeter 板创建可拖动/可调整大小的小部件。图片显示了一个示例小部件。我保持了默认的可拖动值不变，我可以通过双击小部件内部的任何地方来拖动它。我想做的是只通过单击灰色区域来使小部件可拖动。默认的可拖动值应该被覆盖吗？如果是这样，该怎么做？我对jquery/js相当陌生，在网上也找不到类似的。
70gysomp1#
假设你使用的是gridstack默认的jQueryUI的draggable，你可以使用cancel选项重新设置draggable构造函数，在下面的代码中，添加not-draggable类，任何div在网格堆栈项中都会被禁止拖动。
not-draggable
$('.grid-stack-item').draggable({cancel: "div.not-draggable" });
xdnvmnnf2#
现在的答案已经过时了，2023年的解决方法是在初始化GridStack时使用draggable选项。
GridStack
draggable
GridStack.init({ draggable: { handle: '.drag-target' }, });
drag-target应该是你希望你的窗口可以从哪里拖动的类名。与你的图片略有不同，但如果你有像下面这样的东西，你将能够点击和拖动灰色部分，但粉红色将是不可拖动的。x一个一个一个一个x一个一个二个x
drag-target
2条答案
按热度按时间70gysomp1#
假设你使用的是gridstack默认的jQueryUI的draggable，你可以使用cancel选项重新设置draggable构造函数，在下面的代码中，添加
not-draggable类，任何div在网格堆栈项中都会被禁止拖动。xdnvmnnf2#
现在的答案已经过时了，2023年的解决方法是在初始化
GridStack时使用draggable选项。drag-target应该是你希望你的窗口可以从哪里拖动的类名。与你的图片略有不同，但如果你有像下面这样的东西，你将能够点击和拖动灰色部分，但粉红色将是不可拖动的。
x一个一个一个一个x一个一个二个x