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"添加到网格堆栈项目中，如下所示。

<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 -这些文档都很旧了。我会尽快更新它们，希望它们不会让任何人感到困惑。