如标题所示,我在禁用移动或拖动网格小部件时遇到问题。我尝试使用 data-gs-no-move
、data-gs-locked
和 data-gs-no-resize
,如 GridStack 中所列文件,但它仍然可以在我的浏览器中拖动和移动。有什么解决方法吗?
目前正在使用 GridStack 0.2.6
。
最佳答案
将数据属性 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"
属性。
您可以根据需要混合搭配。
希望对某人有所帮助。
关于javascript - GridStack 如何禁用移动或拖动网格小部件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49623376/