1

我只是在尝试 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 中调整大小工作正常而没有警报。

知道我做错了什么吗？或者如何不显示警报？谢谢！

4

1 回答 1

1

我不知道您在示例代码中使用了哪个版本的 jquery UI Layout。但是在使用以下版本的库时，我遇到了与您相同的错误：jquery-1.7.2.js jquery-ui-1.8.22.custom.min.js jquery.layout-latest.js (ver. 1.3. 0 – rc30.6)

从版本 1.3.0 rc 30.6 更改为 jquery.layout-1.2.0.js 会使您的示例在 IE9 中运行。但是，当我运行示例时，拆分条的重绘似乎存在错误；第一次拖放后，North 和 West/Center 分隔条变细。

jquery UI 布局下载

...我也刚刚发现演示站点包含在 IE9 中运行时产生相同错误的示例！- 似乎他们有一两件事要解决，以便 lib 在 IE 中工作......

IE9 中的 Buggy 演示

于 2012-08-07T08:41:44.543 回答