jquery loaded async and ready function not working
为了优化文档的负载,我使用这样的方式来加载jquery async
1 | <script async type="text/javascript" src="js/jquery-1.12.3.min.js"> |
然后我使用jquery调用脚本:
1 2 3 4 5 6 7 8 | <script type="text/javascript"> jQuery(document).ready(function() { App.init(); OwlCarousel.initOwlCarousel(); FancyBox.initFancybox(); StyleSwitcher.initStyleSwitcher(); }); |
它返回未定义jquery。
我不知道应该使用什么,不过,readyFunction会等到所有文档加载后再调用它。
对于boosttrap库也是如此,它告诉我jquery没有定义。
我试着要求在最后加载脚本,但它仍然不能正常工作。
任何形式的帮助都将不胜感激。
由于jQuery脚本时asynchronously
1 2 3 4 5 6 7 8 9 10 | <script async id="jquery" type="text/javascript" src="https://code.jquery.com/jquery-2.2.3.js"> Then I call a script using jquery : <script type="text/javascript"> document.getElementById('jquery').addEventListener('load', function () { App.init(); OwlCarousel.initOwlCarousel(); FancyBox.initFancybox(); StyleSwitcher.initStyleSwitcher(); }); |
但我不知道为什么有人想做这样的事情。
两个OPTIMIZE页加载速度,它是更好的把所有你的JavaScript的尽头,美体,所以内容时,将第一和脚本不会被捕事件的页面。如果它的synchronously荷载。