Jquery EasyUI的动态布局_Jquery_Jquery Easyui

Jquery EasyUI的动态布局

jquery

Jquery EasyUI的动态布局,jquery,jquery-easyui,Jquery,Jquery Easyui,使用jQuery和EasyUI，我想知道如何动态创建布局。以下是我的尝试；但是，它似乎不起作用： <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>CTest Site</title> <link rel="stylesheet" type="text/css" href="

使用jQuery和EasyUI，我想知道如何动态创建布局。以下是我的尝试；但是，它似乎不起作用：

<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>CTest Site</title>
        <link rel="stylesheet" type="text/css" href="app/lib/jquery-easyui/themes/default/easyui.css">
        <link rel="stylesheet" type="text/css" href="app/lib/jquery-easyui/themes/icon.css">                
        <script data-main="app/app" src="app/lib/require-js/require.js"></script>
    </head> 
    <body></body>
</html>

My viewport.js

//Layout the page
$('body').addClass("easyui-layout");
$('body').append("<div id='spa-head' data-options=\"region:'north'\"></div>");
$('body').append("<div id='spa-west' data-options=\"region:'west',width:300,split:true\"></div>");
$('body').append("<div id='spa-cntr' data-options=\"region:'center',title:'CENTER'\"></div>");

//布局页面
$（'body'）.addClass（“easyui布局”）；
$（'body'）。追加（“”）；
$（'body'）。追加（“”）；
$（'body'）。追加（“”）；

页面应该呈现一个包含北、西和中区域的布局。中央面板将有标题，而西部面板将有一个可调整大小的拆分器。相反，页面是空白的，尽管我可以看到控制台中呈现的正确元素。

初始化文档上的布局，如下所示：

 $('body').layout();

欢迎来到堆栈溢出！如果你能在“它似乎不起作用”中多加一点，那会很有帮助-它是如何失败的/与你期望它做的相比它做了什么？问候和感谢。页面应该呈现一个包含北、西和中区域的布局。中央面板将有标题，而西部面板将有一个可调整大小的拆分器。相反，尽管我可以在控制台中看到正确的元素，但页面仍然是bank。在你的帖子下面，将这些信息添加到问题中。不幸的是，我不是EasyUI专家，所以不确定我是否能为您解决问题，但可能会有人来帮助您解决问题。我只是来查看一下（所有的第一篇帖子都是给一个代表>2k的用户查看的）。

 $('body').layout();