我只是尝试jQuery UI Layout插件文档中显示的示例。我已经下载了所需的库,并在文档中的“示例”页面下复制并粘贴了代码。
我的代码:
<!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中,调整大小的工作正常,没有警报。
知道我做错了什么吗?或者如何不显示警报?谢谢!
答案 0 :(得分:1)
我不知道您在示例代码中使用了哪个版本的jquery UI Layout。但是我在使用以下版本的lib时遇到了同样的错误: jQuery的1.7.2.js jQuery的UI,1.8.22.custom.min.js jquery.layout-latest.js(ver.1.3.0 - rc30.6)
使用jquery.layout-1.2.0.js从ver 1.3.0 rc 30.6更改会使您的示例在IE9中运行。但是,当我运行样本时,重新绘制分割条似乎存在错误;在第一次拖曳后,北部和西部/中心分离杆更薄。下降。
Downloads for jquery UI Layout
...我也发现该演示网站包含的样本在IE9中运行时产生相同的错误! - 似乎他们有一两件要解决的问题,以便lib在IE中工作......