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

Question

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

目前正在使用 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" 属性。

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

希望对某人有所帮助。