2014-01-10 32 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> 

(煎茶觸摸框架使用此技術來加載腳本)。

希望這會有所幫助。歡呼聲