从 JavaScript 加载 JQuery答案

【问题标题】：Loading JQuery from JavaScript从 JavaScript 加载 JQuery
【发布时间】：2014-01-10 23:34:34
【问题描述】：

我正在尝试从 JavaScript 文件加载 JQuery 库并调用使用 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 页面上手动添加它时，它运行成功。请帮忙。

【问题讨论】：

您需要先加载Jquery库才能使用它。将脚本标签放置到您正在使用的 Jquery 版本或您从中获取 Jquery 的 CDN。确保它被放在你的脚本之前，这样当你的脚本执行时它就会知道 $ 符号。

标签： javascript jquery html asp.net ajax

【解决方案1】：

您正在尝试在加载之前使用 jQuery。
那是行不通的。

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

【讨论】：

【解决方案2】：

解决方案：

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

（Sencha Touch 框架使用这种技术来加载脚本）。

希望这会有所帮助。干杯

【讨论】：