javascript - HTML JQuery 获取 iFrame 内部的元素宽度？

Question

在页面上有这个 iframe:

<iframe name="fileFrame" id="fileFrame" class="fileFrame" style="display:none;" src="http://example.com" height="50%" width="50%"></iframe>

iframe 中有一个从其他网站拉取的元素:

<div class="progress-bar" style="display:block; width: 18%;"></div>

如何让主页拉动进度条的宽度？

当进度条在 iframe 中完成加载 (100%) 时，尝试跟踪此以更新主页。

试过了，没用:

var mydivw = $("#fileFrame").contents().find(".progress-bar").width();
alert(mydivw);

Answer 1

这样试试

$("#fileFrame").contents().find(".progress-bar").width()

你可以把它放在负载上

像这样

$("#fileFrame").on("load",function(){

  var width=$(this).contents().find(".progress-bar").width()

})