Question

我试过了：

$('#my_ifr').css('height', '5px !important');

和此：

$('#my_ifr').height(5);

但尺寸保持不变。我写的时候：

$('#my_ifr').height();

在cosole中，我得到5，但是当我在Goog中检查元素时

Answer 1

您必须设置height属性

$('#my_ifr').attr('height', '5');

Answer 2

这很好用

$('#my_ifr').css('height', '500');

Answer 3

检查一下，它工作正常......

$('#iframeID').css({'height':'500px'});

http://jsfiddle.net/smanimani/GwkRQ/98/

但是，你想增加tinymce高度意味着，

你这样用，

tinyMCE.init({
...
height : "500"
});

Answer 4

function checkifloaded () {
    if ($('#mce_0_ifr').length > 0) {
        $('#mce_0_ifr').css({'height': '5px'});
        window.clearInterval(intid);
    }
}

var intid = setInterval(checkifloaded, 500);

http://jsfiddle.net/GwkRQ/163/

Answer 5

两个答案（@yogi＆amp; @Mihai Iorga）都很严谨，但是看看你的jsfiddle ......有几点需要评论：

您没有触发此功能......添加：

$(function() {
 // Handler for .ready() called.
});

或

$(document).ready(function() {
  // Handler for .ready() called.
});

（是一样的......）

现在......另一件事是你的jsfiddle，没有 iframe＃my_ifr

尝试此更新：http://jsfiddle.net/GwkRQ/94/

$(function() {
    // Not Valid
    //$('#mce_0_ifr').height(5);

    // Valid - by @yogi
    $('#my_ifr').css('height', '500');

    // Valid - by @Mihai Iorga only if no attr was previulsy set
    // but be carefull because pre-defined element.style or css rule
    // will overright the atribute (attr)
    $('#my_ifr').attr('height', '5');
    // That is, the iframe will have 500 and not 5
});

Answer 6

嘿你需要在设置css height属性之前加载那个iframe的内容。否则它将保持未定义，您无法更改高度属性..

WOrking Code

setInterval(function(){if(typeof($('#mce_0_ifr').css('height'))=='undefined'){}else{$('#mce_0_ifr').css('height','50px');}},0);

FIDLLE WORKING DEMO

将高度设置为iFrame

6 个答案: