动态引用 jQuery 库为什么不能加载了呢？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

For Existing Member Sign In

推荐关注

Meteor

JSLint - a Javascript code quality tool

jsFiddle

D3.js

WebStorm

推荐书目

Javascript 权威指南第 5 版

Closure: The Definitive Guide

This topic created in 3272 days ago, the information mentioned may be changed or developed.

因为这个 module.js 文件依赖 jQuery 库，所以就在这个 module.js 中动态加载 jQuery （如果引用 module.js 的页面已经引用了 jQuery 就不加载，否则就加载 jQuery ）。这个 module.js 里这样写为什么加载不了：

function loadJquery() { if(!(window.jQuery)) { var s = document.createElement('script'); s.setAttribute('src', 'http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js'); s.setAttribute('type', 'text/Javascript'); document.getElementsByTagName('head')[0].appendChild(s); } } $(document).ready(function () { var module = ... });

测试了下，这样 html 页面（本身没有引用 jQuery ）引用 module.js 文件时，并没有提前加载 jQuery 库。

jquery

module

引用

tatt

10 replies 2017-05-17 00:32:32 +08:00

jarlyyn

May 16, 2017

为什么会加载？

你又没执行 loadJquery 函数……

rogwan

May 16, 2017

@jarlyyn 感谢，刚刚这段执行拷贝到外面去了，不过剪回来贴到 module.js 里面，还是也木有用啊？

loadJquery(
function() {
$(function(){ alert("loadjQuery succeeded"); })();
}
);

dont27

May 16, 2017

@rogwan = =原文主体 loadJquery 并没有声明以及使用函数参数，为什么你下面回复又带上了个函数参数（又不会执行到）……

joe1213

May 16, 2017

请复习一遍 Javascript

jarlyyn

May 16, 2017

function loadJquery() {
if(!(window.jQuery)) {
var s = document.createElement('script');
s.setAttribute('src', 'http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js');
s.setAttribute('type', 'text/Javascript');
document.getElementsByTagName('head')[0].appendChild(s);
}
}()

最后带一堆括号，表示执行

jarlyyn

May 16, 2017

一对

rogwan

May 16, 2017

@dont27
@jarlyyn

感谢建议，改了改问题还是老样子。后来考虑可能是添加到了不同的子节点，或者是加载顺序颠倒造成的？（就是 var module = ... 这部分加载太快，jquery 还没调用进来？不是很确定...）；后来在外层指定了一个父节点 id，把两个 js 按顺序一起加载在同一个父节点 id 下面，就可以加载，module 部分也可以生效了。到底因为什么问题，也还是不是很确定 =_=||

leadfast

May 16, 2017

https://gist.github.com/leadfast/f76b06b35071ecdd8da62491a3fc8e75
之前 v2er 做的自动签到，你可以看看里面 loadAndExecute 方法的实现

SakuraKuma

May 16, 2017

要不就直接调用，
要不就 IIFE。(function (){})();

milklee

May 17, 2017

function loadJquery (cb) {
if (!window.jQuery) {
var s = document.createElement('script')
s.src = 'http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js'
s.Onload= cb
document.head.appendChild(s)
} else {
cb()
}
}

loadJquery(function () {
alert(typeof jQuery)
})