JQuery - 加载内容后动态调整响应对象

时间:2013-09-28 10:47:58

标签: jquery size response

我使用jquery方法.html()以另一个页面(同一个域)的形式获取外部内容。我收到的是特定div中的对象。到现在为止还挺好。 我的问题是这个对象太小了(使用srcollbars - 就像一个小的iframe)。我可以在对象中使用样式标记,但这将是静态的。我想要的是动态解决方案。我目前的尝试如下:

<div id="siteloader"></div>
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script>
 $("#siteloader").html('<object id="myobject" style="width:100%; height:100%;" data="http://localhost/">').promise().done(function(){
        $("#siteloader").height($("#myobject")[0].scrollHeight);
});

</script>

可悲的是它不起作用。我做错了什么? :/

提前致谢!

1 个答案:

答案 0 :(得分:0)

如果您仍然坚持使用object标签,请使用:

<html>
  <head>
  </head>
        <body>
        </body>
          <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
          <script>
          $(document.body).html('<object id="myobject" style="width:100%; height:100%;" data="http://localhost/">');
          </script>
</html>

&安培;使用CSS将您的对象适合窗口:

body{
margin:0px;
};