jquery - jQuery布局插件——动态创建布局

Question

我正在使用 jQuery UI 布局插件 ( http://layout.jquery-dev.net/ )。我需要根据某些参数在模态窗口上加载布局。所以在活动中我会做类似的事情：

$('<div id="container"><div class="ui-layout-west"> <div class="left-panel"><div class="fuelux">Somthing here</div> </div> </div> <div class="ui-layout-center">Something else here </div></div>').layout();

我不知道为什么它不构建布局。插件支持这样的吗？...

帮助表示赞赏。

Answer 1

您需要先将 HTML 添加到 DOM，然后初始化布局。在下面的示例中，我将容器添加到 DOM 中body，但您可以将其添加到 DOM 中的任何元素：

$('<div id="container"><div class="ui-layout-west"> <div class="left-panel"><div class="fuelux">Somthing here</div> </div> </div> <div class="ui-layout-center">Something else here </div></div>').appendTo('body').layout();

工作演示