0

jQuery UI Layout Plug-in を使用しようとしています。開発者のサイトから簡単なデモ ( http://layout.jquery-dev.net/demos/simple.html ) を開くと、完璧に見えます。しかし、ローカル Web サーバーからこのデモ (およびその他のレイアウト デモ) を実行すると、不要な要素が表示されます。

スクリーンショット (私は初心者なので、そこに画像を投稿することはできません)

Firebug でこのページを調べたところ、パネルのリサイズ (class="ui-layout-resizer") が間違った場所に表示されていることがわかりました。

どうすればこれを修正できますか? ありがとう。

4

2 に答える 2

1

box-sizingこの正確な問題は、ペインの CSS プロパティを 以外に設定することで再現できますcontent-box。

この問題は、最新のリリース候補 (1.3.0 – RC30.75) に存在するようです。あなたの状況の詳細がわからないため、これがあなたに影響を与えるかどうかはわかりませんが、この特定の問題に対する修正があります.

cssWidth関数 (RC30.75 非圧縮の 448 行目ですが、これは変更される可能性があります。メソッド名の前のコンマに注意してください) を次のように置き換えます。

cssWidth: function ($E, outerWidth) {
        // a 'calculated' outerHeight can be passed so borders 
        // and/or padding are removed if needed
        if (outerWidth <= 0) return 0;

        if (!$.layout.browser.boxModel) return outerWidth;

        var b = $.layout.borderWidth
            ,   n = $.layout.cssNum
            ,   W = outerWidth

        // depending on the level of box-sizing used, strip 
        // padding and/or margins from the width
        var boxSizing = $E.css("box-sizing")

        if (boxSizing !== "border-box") {
            W = W - n($E, "paddingLeft")
                - n($E, "paddingRight");
            if (boxSizing !== "padding-box") {
                W = W - b($E, "Left")
                      - b($E, "Right");
            }
        }

        return max(0,W);
    }

この編集をそこのグループに提出しました。私がばかげたことをしているわけではなく、これで問題が満足のいくように解決されれば、変更が製品に反映されることを願っています。

于 2012-12-04T14:23:07.370 に答える