GridStack-设置静态网格

Question

我在试着让网格保持静态。一点也不动。

我试过：

var options = {
        staticGrid: true,
    };
    $('.grid-stack').gridstack(options);

还有这个

 var options = {
        setStatic: true,
    };
    $('.grid-stack').gridstack(options);

还有这个

var options = {
        staticGrid: true,
    };
    $('.grid-stack').gridstack(options);
    $('.grid-stack').data('gridstack').setStatic(true);

它们似乎都不起作用，我使用这个链接作为文档。

他们还提到了一个方法setStatic，但是没有设计这种方法的例子。

Answer 1

根据staticGrid:true参数，如果要在启动时将网格初始化并将其定义为静态(第一个方法)，则Grid堆栈文档参数是正确的。

SetStatic(true)是一个函数，您可以通过编程调用它来切换这个状态。

如果您实时查看源代码，您将看到一个新的CSS类已经添加到网格包装器DIV；一个名为'grid-stack-static'.的类。这个类的出现证实了参数选项staticGrid:true已被接受和激活。

但是当我发现自己(拥有0.30版本的库)时，初始化网格中的网格小部件仍然是可调整大小和可移动的。在我看来，这是一种错误。

您可以使用项目属性data-gs-no-resize="yes"和data-gs-no-move="yes".在小部件项级别锁定移动和调整大小。

如果你已经说了“静态”，那么不得不这么做似乎会适得其反。

我在Github上提出了一个问题来质疑这种行为。

顺便说一下，有人建议在网格init之后调用并使用setStatic( true )函数；作为此bug的临时修复。这是你的第三种方法，，，这对我有用。

您的第三种方法与我的方法之间唯一的区别是，该函数被包装在document.ready函数中(为了在我的系统上方便/兼容，我正在使用$=jquery快捷方式)。

工作过：

​

(function ($) { 
  // Shortcut $=jquery

    $(document).ready(function () {
      // start grid

      $(function () {
        var options = {
             staticGrid:true
          };
         $('.grid-stack').gridstack(options);

         $('.grid-stack').data('gridstack').setStatic( true );
      });

    // END DOC READY
    }); 
// SHORTCUT FIX
})( jQuery ); 

​