关于javascript:jquery加载异步和就绪功能无法正常工作

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 jquery冰,冰槽转矩-在你的脚本执行的冰。所以你需要等待两个城市的网络负载的负载subscribing对这样的事件:

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荷载。