iframe高度調整不起作用

Question

我有一個iframe，其中包含一個按鈕，單擊時會展開一個列表。我想要點擊按鈕後調整該iframe的高度。下面是我在iframe代碼：

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

父框架中的代碼如下：

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

我知道父框架代碼的工作，因爲我已經嘗試過了沒有通話功能，但它不工作，因爲它現在。

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;}); 
}; 

到：

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