【发布时间】：2012-07-27 05:19:42
【问题描述】：
我只是在尝试 jQuery UI 布局插件文档中显示的示例。我已经下载了所需的库，并将代码复制并粘贴到文档中的“示例”页面下。
我的代码：
<!DOCTYPE html >
<html>
<head>
<script src="../scripts/jquery-1.6.3.min.js" type="text/javascript"></script>
<script src="../scripts/jquery-ui-1.8.22.custom.min.js" type="text/javascript"></script>
<script src="../scripts/jquery.layout-latest.min.js"></script>
<script>
$(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>
这显示了一个不错的布局和调整大小的作品，但是当我调整任何面板的大小时，我会收到一条 JavaScript 警报，上面写着：“/调整 [北窗格] 大小后大小不准确。有关详细信息，请参阅错误控制台”。
此错误仅出现在 IE9 中，在 Google Chrome 中调整大小可以正常工作而没有警报。
知道我做错了什么吗？或者如何不显示警报？谢谢！
【问题讨论】：
-
尝试将四个面板包装在一个
ui-layout-containerdiv 中，然后调用.layout()。 -
谢谢罗宾，我尝试了你的建议，但没有任何反应（根本没有显示窗格）。在 Chrome 中也会发生同样的情况（什么都没有）。我假设你的意思是 ui-layout-container：然后调用 $('#container').layout({ applyDefaultStyles: true });我认为你错过了
layoutSettings对象，它应该包含东、西面板的选择器......等等。你能为此设置一个 jsfiddle 吗？这样人们就更容易调查了。感谢 Robin 并为迟到的回复道歉。我现在只是在放一些其他的火，还不知道如何使用 jsfiddle。只要我有时间，我就会试着把它弄起来。再次感谢您花时间尝试帮助我。
标签： jquery jquery-ui internet-explorer-9