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

Question

我正在使用jQuery UI Layout Plug-in（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，然后初始化布局。在下面的示例中，我将容器添加到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();

Working Demo