Javascript iFrame上的自动完成高度

我有一个iFrame，它指向带有jQuery自动完成功能的页面。这个很好用。然而，我无法从iframe中得到结果，尤其是其他东西

当我键入内容时，它会创建一个滚动条，结果显示在iframe中。我希望下拉窗口显示在其他内容之上

我的代码是：（类型测试）

函数resizeCrossDomainIframe（id，其他_域）{
var iframe=document.getElementById（id）；
window.addEventListener（'message'，函数（事件）{
if（event.origin！==其他_域）返回；//仅接受来自指定域的消息
if（isNaN（event.data））return；//只接受可以解析为数字的内容
var height=parseInt（event.data）+0；//添加一些额外的高度以避免滚动条
iframe.height=高度+px；
}，假）；
};

---

有什么想法吗？

可能与重复，但与jQuery自动完成功能不兼容…上述代码中绝对没有jQuery调用？jQuery在iFrame中。我得到了resize函数，可以跨域使用上面的函数。但是，它不适用于iFrame中的jQuery自动完成。如果打开JSFIDLE示例，您将更好地了解发生了什么。谢谢

<iframe src='http://www.corridadeformula1.com/f1-mania-busca/' frameborder="0" id="my_iframe" onload="resizeCrossDomainIframe('my_iframe', 'http://www.corridadeformula1.com');">

function resizeCrossDomainIframe(id, other_domain) {
    var iframe = document.getElementById(id);
    window.addEventListener('message', function(event) {
        if (event.origin !== other_domain) return; // only accept messages from the specified domain
        if (isNaN(event.data)) return; // only accept something which can be parsed as a number
        var height = parseInt(event.data) + 0; // add some extra height to avoid scrollbar
        iframe.height = height + "px";
    }, false);
};