1

jQueryUILayoutプラグインのドキュメントに示されている例を試しています。必要なライブラリをダウンロードし、ドキュメントの「例」ページにコードをコピーして貼り付けました。

私のコード：

<!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でのみ表示され、GoogleChromeではアラートなしでサイズ変更が正常に機能します。

私が間違っていることについて何か考えはありますか？または、そのアラートを表示しないようにするにはどうすればよいですか？ありがとう！

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)

jquery.layout-1.2.0.js を使用して ver 1.3.0 rc 30.6 から変更すると、サンプルが IE9 で実行されます。ただし、サンプルを実行すると、スプリッター バーの再描画にバグがあるようです。最初のドラッグ アンド ドロップ後、North および West/Center スプリッター バーが細くなっています。

jquery UI レイアウトのダウンロード

...また、デモ サイトには、IE9 で実行したときに同じエラーが発生するサンプルが含まれていることがわかりました。-ライブラリがIEで動作するために解決すべきことが1つか2つあるようです...

IE9 のバグのあるデモ

于 2012-08-07T08:41:44.543 に答える