Javascript $（文档）。准备就绪但未按预期工作_Javascript_Jquery_Ajax

Javascript $（文档）。准备就绪但未按预期工作

javascript jquery ajax

Javascript $（文档）。准备就绪但未按预期工作,javascript,jquery,ajax,Javascript,Jquery,Ajax,所以我有点卡住了，我只是按照指示将jQuery CDN移到了页面底部当我将jquery文件放在页面顶部时，该脚本工作得非常好： if ($(window).width() >= 768) { $('.col-lg-7, Ads-Container').html('<iframe src="http://www.google.com" scrolling="no" style="width:728px; height:90px; border:0px; padding:0;

所以我有点卡住了，我只是按照指示将jQuery CDN移到了页面底部

当我将jquery文件放在页面顶部时，该脚本工作得非常好：

if ($(window).width() >= 768) { 
    $('.col-lg-7, Ads-Container').html('<iframe src="http://www.google.com" scrolling="no" style="width:728px; height:90px; border:0px; padding:0;overflow:hidden" allowtransparency="true"></iframe>');
} else if (($(window).width() < 800) && ($(window).width() >= 500)) {
    $('.col-lg-7, Ads-Container').html('<iframe  src="http://www.yahoo.com" scrolling="no" style="width:468px; height:60px; border:0px; padding:0;overflow:hidden" allowtransparency="true"></iframe>');
} else { 
    $('.col-lg-7, Ads-Container').html('<div class="Ads-Responsive"><iframe  src="src="http://www.google.com" scrolling="no" style="width:320px; height:50px; border:0px; padding:0;overflow:hidden" allowtransparency="true"></iframe></div>');
}

if（$（window）.width（）>=768）{
$（'.col-lg-7，Ads容器'）.html（''；
}如果（$（window.width（）<800）和&（$（window.width（）>=500））{
$（'.col-lg-7，Ads容器'）.html（''；
}否则{
$（'.col-lg-7，Ads容器'）.html（''；
}
});

有人能帮忙吗？

您必须将jQuery放在从CDN加载的脚本标记之后，否则

$（文档）

将无法工作

<body>
<p>content</p>
<script src="mycdn/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    if ($(window).width() >= 768) { 
        $('.col-lg-7, Ads-Container').html('<iframe src="http://www.google.com" scrolling="no" style="width:728px; height:90px; border:0px; padding:0;overflow:hidden" allowtransparency="true"></iframe>');
    } else if (($(window).width() < 800) && ($(window).width() >= 500)) {
        $('.col-lg-7, Ads-Container').html('<iframe  src="http://www.yahoo.com" scrolling="no" style="width:468px; height:60px; border:0px; padding:0;overflow:hidden" allowtransparency="true"></iframe>');
    } else { 
        $('.col-lg-7, Ads-Container').html('<div class="Ads-Responsive"><iframe  src="src="http://www.google.com" scrolling="no" style="width:320px; height:50px; border:0px; padding:0;overflow:hidden" allowtransparency="true"></iframe></div>');
    }
});  
</script>
</body>


内容
$（文档）.ready（函数（）{
如果（$（window）.width（）>=768）{
$（'.col-lg-7，Ads容器'）.html（''；
}如果（$（window.width（）<800）和&（$（window.width（）>=500））{
$（'.col-lg-7，Ads容器'）.html（''；
}否则{
$（'.col-lg-7，Ads容器'）.html（“你的脚本是如何加载的？如果它是在
中内联的，也许可以将你的脚本放在.js
文件中，然后在jquery
脚本之后加载。
我想你是想为你的问题添加标签，而不是。我已经为你更改了标签。如果我错了，那么你会想重新更改它们。如果我是对的，那么你会想了解两种不同语言之间的差异。要加载的查询源是什么意思？
？如果您正在等待加载iframe内容，则需要为它们附加单独的onload
侦听器。@hovercraftfullofels在chrome中启动开发人员控制台，查看网络请求是什么如果有任何错误被抛出，它们将在控制台中。与您的问题无关（我相信由@DigitalD解决）您的第二个条件对我来说没有多大意义…非常确定（$（window）.width（）>=500））
是不必要的。我的印象是$（document.ready可以在任何地方工作，因为它甚至在页面完全加载之前都不会启动？只有在定义了$的情况下才会工作，而jQuery加载之前它是不会工作的。
<body>
<p>content</p>
<script src="mycdn/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    if ($(window).width() >= 768) { 
        $('.col-lg-7, Ads-Container').html('<iframe src="http://www.google.com" scrolling="no" style="width:728px; height:90px; border:0px; padding:0;overflow:hidden" allowtransparency="true"></iframe>');
    } else if (($(window).width() < 800) && ($(window).width() >= 500)) {
        $('.col-lg-7, Ads-Container').html('<iframe  src="http://www.yahoo.com" scrolling="no" style="width:468px; height:60px; border:0px; padding:0;overflow:hidden" allowtransparency="true"></iframe>');
    } else { 
        $('.col-lg-7, Ads-Container').html('<div class="Ads-Responsive"><iframe  src="src="http://www.google.com" scrolling="no" style="width:320px; height:50px; border:0px; padding:0;overflow:hidden" allowtransparency="true"></iframe></div>');
    }
});  
</script>
</body>