通过javascript加载jQuery后执行jQuery代码
Executing jQuery code after loading jQuery via javascript
我想从谷歌的CDN加载jQuery,如果请求成功,则执行jQuery代码,但我似乎无法让它正常工作。这是我的代码:
function loadjQuery(success, error) {
var xhr = XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHttp');
xhr.onload = function() { success(xhr.status, xhr.readyState); }
xhr.onerror = function() { error(); }
xhr.open("GET", "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js", true);
xhr.send();
}
loadjQuery(
function(status, state) {
console.log(status) // 200
console.log(state) // 4
console.log($('body')) // Uncaught ReferenceError: $ is not defined
},
function() { setTimeout(loadjQuery, 10000); }
);
任何帮助将不胜感激
使用以下代码加载 JQuery
(function () {
function loadScript(url, callback) {
var script = document.createElement("script")
script.type = "text/javascript";
if (script.readyState) { //IE
script.onreadystatechange = function () {
if (script.readyState == "loaded" || script.readyState == "complete") {
script.onreadystatechange = null;
callback();
}
};
} else { //Others
script.onload = function () {
callback();
};
}
script.src = url;
document.getElementsByTagName("head")[0].appendChild(script);
}
loadScript("https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js", function () {
//jQuery loaded
console.log('jquery loaded');
console.log($('body') //works
});
})();
考虑使用 RequireJs ( http://requirejs.org/) 之类的东西。您需要一个模块化系统来获取您的谷歌源代码并加载它以便它可用。然后,您将能够在加载模块后执行操作。当你开始做的时候,自己构建这个可能需要做很多工作。
有关AMD和requirejs的更多信息,请参阅此问题的答案:动态加载的 JavaScript 库何时可用?
相关文章:
- 对页面重新加载 Jquery 执行操作
- 我可以使用ajax/javascript/jquery执行curl命令吗
- jquery 执行行为
- Jquery执行基于元素'的父标记
- 等待JQuery执行,直到加载了整个页面,中断执行
- 停止jQuery执行任何进一步的代码
- 使用jQuery执行PHP脚本onclick
- 在JS上使用JQuery执行简单任务的任何原因
- 从javascript或JQuery执行服务器端cgi代码时遇到问题
- 满足两个条件时的 jQuery 执行函数
- 使用 jQuery 执行动态传递的函数调用
- 当输入某些内容时,使用 jquery 执行某些操作
- 使用 JQuery 执行服务器端验证,然后将用户发送到另一个站点
- 如何确保我的点击函数仅使用 Jquery 执行一次
- Jquery 执行函数 第三方函数结束后
- 在文本框中按回车键时的 JQuery 执行函数
- 如果我的文本区域为空,请使用jquery执行此操作
- 从javascript/jquery执行系统命令
- document.getElementById(“id”).对jQuery执行操作
- 通过jQuery执行键盘命令