2016-02-15 181 views
0

您好,我需要使用JavaScript在我的文档头部加载脚本标签。问题是我创建的脚本元素很好,但是这个源代码在JavaScript执行的其余部分没有加载。在JS的其余部分执行之前是否有更好的方法来加载脚本?加载javascript源代码不起作用

<script> 
var jQ = document.createElement('script'); 
    jQ.src = '../EmergencyBroadcastScripts/source/jquery-1.10.1.min.js'; 
    jQ.type = 'text/javascript'; 
    document.head.appendChild(jQ); 
      $.noConflict(); 
      jQuery(document).ready(function() { 
       jQuery('.fancybox').fancybox(); 
      }); 
    </script> 

该代码会产生错误“$ .noConflict是不是一个函数”因为它不加载JQ脚本源在执行我的代码之前。这是我的问题。有任何想法吗??

+0

使用新添加的脚本标签的'onload'事件。 – GolezTrol

+0

我以为js是异步的。所以在下面的语句执行脚本将不会被加载 – Sunand

+0

[动态加载JavaScript文件]可能的副本(http://stackoverflow.com/questions/21294/dynamically-load-a-javascript-file) – GolezTrol

回答

1

尝试:

jQ.onload = function() { 
      $.noConflict(); 
      jQuery(document).ready(function() { 
       jQuery('.fancybox').fancybox(); 
       }); 
      }
我不知道这是否会在这种情况下工作,但它在画布上的图像作品。

+0

这是正确的,感谢您帮助我,JavaScript等待jQuery脚本源首先加载,谢谢! –