调整大小特定 div

Question

鉴于：

<html>
<body class="v4master">
    <form id="aspnetForm">
        <div id="s4-workspace"></div>
    </form>

    <div class="ms-dlgContent"></div>
        <div class="ms-dlgBorder"></div>
            <div class="ms-dlgFrameContainer">
                <iframe class="ms-dlgFrame">
                    <html class="ms-dialog">
                        <body class="v4master">
                            <form id="aspnetForm">
                                <div id="s4-workspace"></div>
                            </form>
                        </body>
                    </html>
                </iframe>
            </div>
        </div>
    </div>
</body>

如何将第一个 "s4-workspace" 的高度更改为 jquery，同时将第一个 "s4-workspace" 单独留在 iframe 中？我更愿意使用这样的方法：

jQuery('#s4-workspace').css('cssText', 'height: ' + NewHeight + 'px;');

Answer 1

jQuery 不会以 <iframe> 中的 #s4-workspace 为目标，因为其中的内容属于并行 DOM。除此之外你应该使用

jQuery('#s4-workspace').css('height', NewHeight);

http://jsfiddle.net/udfs8e24/12/

调整大小特定 div

Resize specific div

css

jquery

sharepoint-2010