javascript - 将高度设置为 iFrame

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 和 @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 高度属性之前加载该 iframe 的内容。否则它将保持未定义，您无法更改高度属性..

工作代码

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

FIDLLE 工作演示