Question

我想在脚本功能完成后编辑twitter为dom服务的iframe的高度。我想在这里编辑高度的原因是，我希望iframe的高度与它的兄弟元素的高度相同。

所以我想要twitteriframe.height（）== mydiv.height（）。

但是，由于iframe是动态加载的，我无法在document.ready中访问它。没有点击事件，那么我还可以做些什么来编辑iframe高度？

Answer 1

尝试在加载框架后调整高度。

$('#frameId').load(function () {
    // do something here
});

如果动态添加元素，则存在问题 - 您无法控制插入的元素（因为不推荐使用DOM Mutation事件），因此您可以连续检查是否存在此类元素（例如使用setInterval）在找到元素后清除。）

添加后，检查iframe的高度并将其应用于第二个元素。

Answer 2

您可以尝试这样的事情：

var queryTimeoutMS = 100;
window.setTimeout(resizeTwitterIFrame,queryTimeoutMS);
function resizeTwitterIFrame(){
  if($("#frameId").length > 0){
    //Do your stuff
  }
  else{
    window.setTimeout(resizeTwitterIFrame,queryTimeoutMS);
  }
}

Answer 3

我决定用css做这件事。在父容器上设置高度并将其设置为overflow:hidden;

使用jquery编辑动态加载的iframe的高度

3 个答案: