Question

所以我有点卡住我刚刚按照指示将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>');
}

因此，当我将Jquery CDN放在页脚底部的页脚中时，我将我的脚本包装在$ document.ready中，认为它会等待Jquery源加载，然后再运行它上面的脚本但是没有发生。

$(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>');
    }
});

任何人都可以帮忙吗？

Answer 1

您必须将放在从CDN加载的脚本标记之后，否则$(document)将无法正常工作。

<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>

Answer 2

您的脚本是如何加载的？如果它在<header>中内嵌，可能会将您的脚本放在.js文件中，然后在jquery脚本之后加载它。

$（文件）。已经没有按预期工作了

2 个答案: