2014-01-10 34 views
0

我想从JavaScript文件加载JQuery库并调用正在使用JQuery的函数。从JavaScript加载JQuery

JS1.js

$(document).ready(function() { 

    //var id = 728; 
    (function() { 
     var jq = document.createElement('script'); jq.type = 'text/javascript'; 
     jq.src = '//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'; 
     (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(jq); 
    })(); 
    ShowData('test'); 
}); 

标记:

<head runat="server"> 
    <title></title> 
    <script src="JS/js1.js" type="text/javascript"></script> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div id="embedloc"> 

    </div> 
    </form> 
</body> 

但它不工作。该功能仍然无法找到JQuery。当我在HTML页面上手动添加它时,它会成功运行。请帮忙。

+0

您需要先加载Jquery库,然后才能使用它。将脚本标记放置到您正在使用的Jquery版本或您从中获取Jquery的CDN。确保将它放在脚本之前,当脚本执行时它将知道$符号。 – Gjohn

回答

1

您正在尝试在加载之前使用jQuery。
这不起作用。

如果要动态加载脚本,只能在<script>标记异步完成加载后使用它。

0

A液:

<head> 
    <script> 
     document.write('<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"> </' + 'script>'); 
    </script> 
</head> 

(煎茶触摸框架使用此技术来加载脚本)。

希望这会有所帮助。欢呼声