iframeの高さが調整されない

Question

ボタンをクリックしてリストを展開するiframeがあります。ボタンをクリックするとそのiframeの高さを調整します。

function adjustIFrameHeight(){ 
$('.childframe').css('height', function(index) { 
    return index +=400;}); 
}; 

は私がコールせずにそれを試してみましたので、親フレームのコードが動作することを知っている：

 <script> 
$(function() { 
    $("#field12593102_1").click(function() { 
     window.parent.adjustIFrameHeight(); 
    }); 
}); 
</script> 

親フレームのコードは以下の通りです：ここで私はiframe内に持っているコードがあります関数に渡すが、今のようには機能しません。

Answer 1

あなたは（CSSによって呼び出される関数の第二引数を使用する必要が

）

function adjustIFrameHeight(){ 
$('.childframe').css('height', function(index,value) { 
    return value + 400;}); 
}; 

第一引数には、jQueryのオブジェクト内の現在の要素のインデックスではなく、この内の現在のプロパティ（幅、場合）。

あなたはまた、使用することができます：

function adjustIFrameHeight(){ 
    $('.childframe').css('height', '+=400'); 
    }; 

Answer 2

変更：

function adjustIFrameHeight(){ 
$('.childframe').css('height', function(index) { 
    return index +=400;}); 
}; 

へ：IFRAMEと親文書が異なるドメインに置かれたときに

function adjustIFrameHeight(){ 
    $('.childframe').css({height: function(index, value) { 
     return value +=400;} 
    }); 
};