在jQuery UI.Layout插件中调整ui-layout-east的大小

时间:2011-02-12 07:41:42

标签: jquery css

如何在以下jQuery示例中调整ui-layout-east的大小?

<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>

1 个答案:

答案 0 :(得分:1)

请检查此库的文档。您目前既不包含必要的CSS文件也不包含jQuery UI库。如果您这样做,您的示例应该开箱即用:http://jsfiddle.net/HVkTD/