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>

如何使用jquery改变第一个“s4-workspace”的高度，同时仅将iframe留在iframe中？我愿意使用这样的方法：

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

Answer 1

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

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

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

调整特定div的大小

1 个答案: