Question

我有以下情况。我有一个包含多个页面的jquery移动页面。页面内容在单独的页面中，并使用Jquery Ajax加载。在其中一个页面中，有一个iframe，其内容来自jsp页面。

HTML文件一，是一个带有多个页面的jquery主页

<div id="page1" data-role="page" data-title="page1">

</div>  


<div id="page2" data-role="page" data-title="page2">

</div>  


<div id="page3" data-role="page" data-title="page3">

</div>

第3页的内容：

<div class="ui-header ui-bar-a ui-header-fixed" data-role="header" role="banner">
 </div>  

<div class="ui-content" data-role="content" role="main">
  ....
  <tr>
  <td valign="top">
      <iframe name="uploadIframe" src="uploadImage.jsp" marginheight="0px" marginwidth="0px" scrolling="no" width="350" height="50" frameborder="1" ></iframe> 
  </td>
  </tr>

  ....
 </div>

我遇到的问题是没有加载iframe内容，即uploadImage.jsp。

有人可以帮助我吗？

Answer 1

等待内容加载事件。

var doc = window.frames.uploadIframe.document;
doc.addEventListener("DOMContentLoaded", function () { /* ready */});

未加载HTML文件中包含的iframe

1 个答案: