javascript - GridStack 如何禁用移动或拖动网格小部件

Question

正如标题所示，我在禁用移动或拖动网格小部件时遇到问题。我试过使用data-gs-no-move,data-gs-locked和data-gs-no-resizeGridStack 文档中列出的，但它仍然可以在我的浏览器中拖动和移动。有什么解决方法吗？

目前使用GridStack 0.2.6.

Answer 1

将 data 属性添加data-gs-no-move="yes"到 grid-stack-item，如下所示。

<div class="grid-stack-item" data-gs-no-move="yes">
   <div class="grid-stack-item-content">
       <!-- content goes here -->
   </div>
</div>

如果您需要防止在拖动另一个项目时移动它，那么您还需要该data-gs-locked="yes"属性。

如果要停止调整大小，请添加data-gs-no-resize="yes"属性。

您可以根据需要混合搭配。

希望对某人有所帮助。

Answer 2

您可以使用data-gs-no-move="yes"和data-gs-no-resize="yes"。locked仅指影响相关小部件的其他小部件。

PS - 文档已经很老了。我会尽快更新它们，希望它们不会让任何人感到困惑。