javascript - 单击 iframe 内容页面中的显示隐藏按钮时,iframe 高度不会自动增加

标签 javascript jquery html css twitter-bootstrap

点击 i 框架内容页面中的显示隐藏按钮时,i 框架高度不会自动增加或减少。我该如何解决这个问题?

<iframe class="" id="ds"  seamless="" src="demo.aspx" style="width:100%; border:none; height:100%;"></iframe>
$("#ds").load(function () {
$(this).height($(this).contents().find("html").height());
});

最佳答案

这是一个非常常见的问题:

  1. 您需要控制两台服务器,即加载 iframe 的服务器和存在 iframe 的服务器。

  2. 您无法设置 iframe 高度,因为它是跨域 issur=e,因此不允许更改其高度(请参阅您的控制台,同时加载页面将显示错误)

  3. 您需要解决使用帖子消息的问题:请参阅 https://css-tricks.com/cross-domain-iframe-resizing/

尝试一下发布消息,然后您将能够设置 iframe 的高度

谢谢

关于javascript - 单击 iframe 内容页面中的显示隐藏按钮时,iframe 高度不会自动增加,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34195092/

相关文章:

javascript - WordPress 将注销 URL 传递给菜单项无法正确解析

javascript - 重置内容可编辑的插入符号位置

jquery - 使用 jquery 自动调整 div

javascript - jQuery,选择嵌套元素

html - jsf 页面的中心组件

javascript - Slick.js 附加箭头不适用于多个轮播

javascript - 处理javascript和WebApi 2之间的日期时间数据类型

javascript 循环遍历 li 属性并更改每个项目的值

html - 为什么我的图例不尊重父字段集的填充?

html - CSS 表格单元格高度等于 img 高度