Javascript 在全局上下文中调用$(“.grid stack”).data(“Gridstack”)时未定义Gridstack

Javascript 在全局上下文中调用$(“.grid stack”).data(“Gridstack”)时未定义Gridstack,javascript,jquery,gridster,Javascript,Jquery,Gridster,Gridstack是一个可以找到的javascript库。我不知道是否需要在它创建的原始函数中定义grid,但我似乎无法调用gridstack并定义它。在下面我想介绍的上下文中,如何调用gridstack?提前谢谢你的帮助 $("#button").click(function(){ //var el ='<div class="grid-stack-item-content" />Test<div/>'; var grid = $(".grid-stack").d

Gridstack是一个可以找到的javascript库。我不知道是否需要在它创建的原始函数中定义grid,但我似乎无法调用gridstack并定义它。在下面我想介绍的上下文中,如何调用gridstack?提前谢谢你的帮助

$("#button").click(function(){

 //var el ='<div class="grid-stack-item-content" />Test<div/>';
 var grid = $(".grid-stack").data("gridstack");
 alert(grid); //This is undefined

 });

  $(function () {
   var options = {
       cell_height: 80,
       vertical_margin: 10
   };

   $('.grid-stack').gridstack(options);

  });

让我知道,如果你仍然对此感兴趣,我可以帮助你,它应该是这样工作。如果您在本地范围内初始化gridstack并尝试全局访问它,请查看此示例。它应该在匿名函数中。