在jQueryUI.layout插件中调整ui布局的大小

在jQueryUI.layout插件中调整ui布局的大小,jquery,css,Jquery,Css,在下面的jQuery示例中,如何调整ui布局东的大小 <HTML> <HEAD> <TITLE>Layout Example</TITLE> <SCRIPT type="text/javascript" src="jquery-1.3.2.js"></SCRIPT> <SCRIPT type="text/javascript" src="jquery.layout-latest.js"></SCRIPT&g

在下面的jQuery示例中,如何调整ui布局东的大小

<HTML>
<HEAD>
<TITLE>Layout Example</TITLE>
<SCRIPT type="text/javascript" src="jquery-1.3.2.js"></SCRIPT>
<SCRIPT type="text/javascript" src="jquery.layout-latest.js"></SCRIPT>
<SCRIPT type="text/javascript">

$(document).ready(function () {

    $('body').layout({ applyDefaultStyles: true });

});

</SCRIPT>
</HEAD>

<BODY>
<DIV class="ui-layout-center">Center
</DIV>
<DIV class="ui-layout-north">North</DIV>
<DIV class="ui-layout-south">South</DIV>
<DIV class="ui-layout-east">East</DIV>
<DIV class="ui-layout-west">West</DIV>
</BODY>
</HTML>

布局示例
$(文档).ready(函数(){
$('body').layout({applyDefaultStyles:true});
});
居中
北
南方
东边
西部

请检查此库的文档。您当前既没有包含必要的CSS文件,也没有包含jQuery UI库。如果您这样做,您的示例应该是开箱即用的: