从iFrame内部查找div的高度

时间:2017-06-18 20:31:01

标签: javascript jquery iframe

我的索引上有一个搜索栏,在我搜索时会更新,并且当您编写更多文本时会添加或删除结果,然后缩小。

然后结果会在位于我在我网站上通过iFrame从索引访问的另一个页面上的DIV中收听。

我现在的问题是我想获得结果div的高度并将其从"发送回" iFrame到iFrame所在页面的位置,因此我可以根据内容的变化更改高度。

我看了一遍,尝试了很多方法。但这一切归结为:当我从索引页面请求时,我无法获得result-div-page的高度。

1 个答案:

答案 0 :(得分:0)

奥基。这是解决方案......

<script type="text/javascript">
        $(document).ready(function() {
        $( "#search-frame" ).on('load', function() { 
        var search_div = $(this).contents().find("#table-results");
        var search_height     = search_div.height();
        $('#search-frame').css('height', search_height);
        });
});

</script>