私はこれを試しました:
$('#my_ifr').css('height', '5px !important');
この:
$('#my_ifr').height(5);
ただし、サイズは同じままです。私が書くとき:
$('#my_ifr').height();
コソールでは5になりますが、グーグルで要素を調べると
私はこれを試しました:
$('#my_ifr').css('height', '5px !important');
この:
$('#my_ifr').height(5);
ただし、サイズは同じままです。私が書くとき:
$('#my_ifr').height();
コソールでは5になりますが、グーグルで要素を調べると
両方の答え (@yogi & @Mihai Iorga) は正しいですが、あなたの jsfiddle を見てください....コメントするいくつかのこと:
関数をトリガーしていません...追加:
$(function() {
// Handler for .ready() called.
});
また
$(document).ready(function() {
// Handler for .ready() called.
});
(同じです...)
今...もう1つはあなたの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
});
これをチェックしてください、それは正常に動作しています...
$('#iframeID').css({'height':'500px'});
http://jsfiddle.net/smanimani/GwkRQ/98/
しかし、tinymce の高さを大きくしたいということは、
あなたはこのように使います、
tinyMCE.init({
...
height : "500"
});
height
彼の属性を設定する必要があります
$('#my_ifr').attr('height', '5');
これはうまくいきます
$('#my_ifr').css('height', '500');
function checkifloaded () {
if ($('#mce_0_ifr').length > 0) {
$('#mce_0_ifr').css({'height': '5px'});
window.clearInterval(intid);
}
}
var intid = setInterval(checkifloaded, 500);
CSS の高さプロパティを設定する前に、その Iframe のコンテンツをロードする必要があります。そうしないと、未定義のままになり、高さのプロパティを変更できません..
ワーキングコード
setInterval(function(){if(typeof($('#mce_0_ifr').css('height'))=='undefined'){}else{$('#mce_0_ifr').css('height','50px');}},0);