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

Question

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

目前正在使用GridStack 0.2.6。

Answer 1

将数据属性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 - 文档很老了。我很快就会对它们进行更新，希望它们不会让任何人感到困惑。