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