Javascript 文档准备过早启动？_Javascript_Jquery_Iframe_Document_Document Ready

Javascript 文档准备过早启动？

javascript jquery iframe

Javascript 文档准备过早启动？,javascript,jquery,iframe,document,document-ready,Javascript,Jquery,Iframe,Document,Document Ready,这是一个理论性的问题，因为它不能马上被检验。问题在于jQuery代码不起作用的可能原因，尽管它现在已加载到页面上。此外，它在加载页面后立即执行它必须执行的操作，我将此脚本代码从加载页面的源复制粘贴到控制台中 <body> <div id="id1">...</div> <div id="id2">some html code goes here... </div> <script> jQuery(document).

这是一个理论性的问题，因为它不能马上被检验。问题在于jQuery代码不起作用的可能原因，尽管它现在已加载到页面上。此外，它在加载页面后立即执行它必须执行的操作，我将此脚本代码从加载页面的源复制粘贴到控制台中

<body>
<div id="id1">...</div>
<div id="id2">some html code goes here... </div>
<script>
    jQuery(document).ready(function() {
            var el = jQuery("#id1");
            var var1 = el.width();
            el.css({'margin-top':'10px','margin-bottom':'20px'});
            jQuery("#id2").css('margin-top', var1+'px');
    });
</script>
<div>and here... </div>
</body>


...
这里有一些html代码。。。
jQuery（文档）.ready（函数（）{
var el=jQuery（“#id1”）；
var var1=标高宽度（）；
css（{'margin-top'：'10px'，'margin-bottom'：'20px'）；
jQuery（“#id2”）.css（'margin-top'，var1+'px'）；
});
在这里。。。

另外，jQuery库已加载。Chrome控制台中没有错误。脚本位于body标记中

p.p.S.是不是因为

#id1

（contains）是从另一个站点加载的，所以文档可以提前启动？这就是原因吗？还有其他可能的原因吗

不幸的是，很难立即检查它，因为对该页面的访问是有限的，并且需要几个步骤来更新其他人无法立即访问的页面。然而，我们需要马上找到可能的解决办法

将id1和id2添加到html代码中。

使用窗口。onload在元素中最常用于在网页完全加载所有内容后执行脚本

尝试

$（窗口）.load（）

id为

#id1

和

#id2

的元素如何加载到页面中？您必须等待#id1和#id2出现在页面中，然后执行脚本。Dom ready只关心当前页面，而不关心额外加载的html。详细回答：什么是

#id1

和

#id2

元素？脚本的其余部分在哪里（我假设还有更多，因为其中有语法错误），我已经在html代码中添加了id1和id2@你能告诉我语法错误吗？非常感谢。

jQuery(window).load(function () {

    var el = jQuery("#id1");
            var var1 = el.width();
            el.css({'margin-top':'10px','margin-bottom':'20px'});
            jQuery("#id2").css('margin-top', var1+'px');

});