Jquery 使用序列化数据（JSON）作为输入构建gridster布局

我想使用JSON作为输入构建gridster框布局

在[1]中，当我们点击serialize时，我们会得到JSON数据。现在我如何使用这个JSON作为输入构建布局。就像我想要serialize的反面一样，使用JSON制作布局

请帮助。提前感谢。

请查看演示链接

我创建了一个JS插件来实现这一点

插件的调用是这样的

从现在起，您必须调用makeGrister函数而不是grister。我只添加了一个属性jsonArr，其他属性保持不变

谢谢！！！

请查看演示链接

我创建了一个JS插件来实现这一点

插件的调用是这样的

从现在起，您必须调用makeGrister函数而不是grister。我只添加了一个属性jsonArr，其他属性保持不变

---

谢谢！！！

非常感谢Yogesh.：）这正是我想要的。目前我们的框中有0、1、2等。我们可以添加一些文本而不是数字吗？可以。我已经根据您的要求更改了代码。请再次检查该演示。现在您可以添加“text”属性来定义“li”中的文本。如果你不定义该属性，它将保持为空。谢谢你，约格什。我欠你一个。嘿，约格什，我还有一个与gridster相关的问题。你能检查一下这个链接吗？谢谢，多谢约格什。：）这正是我想要的。目前，我们的框中有0、1、2等。我们可以添加一些文本而不是数字吗？是的，你可以。我已经更改了code根据您的要求。请再次检查该演示。现在您可以添加“text”属性来定义“li”中的文本。如果您不定义该属性，它将保持为空。谢谢Yogesh。我欠您一个。嘿，Yogesh，我还有一个与gridster相关的问题。您可以查看此链接吗

$('#gridster').makeGridster({
    jsonArr:[],   // Please define your json Array here
    widget_base_dimensions: [100, 55],
    widget_margins: [5, 5]
});