淘先锋技术网

首页 1 2 3 4 5 6 7

最近我在使用jQuery的load()函数来加载一个js文件的时候,遇到了一些问题。本来以为很简单的操作结果却失效了,这让我感到很困扰。

最开始我写了这样的代码:

$("body").load("example.js");

但是我发现在页面上并没有加载任何内容,控制台中也没有报错信息,让我很难找到问题所在。

后来我通过百度搜索找到了原因,原来jQuery的load()函数只能加载静态的HTML内容而不能加载js文件。要加载js文件需要使用jQuery的getScript()函数,修改代码如下:

$.getScript("example.js")
.done(function(script, textStatus) {
console.log( textStatus );
})
.fail(function( jqxhr, settings, exception ) {
console.log( exception );
});

这样代码就能够正常运行了,控制台中也可以看到成功加载js文件的信息。

认真总结这个问题,其实也是由于我对jQuery的函数使用不够熟练,如果经常使用和了解这些函数的作用,就不会浪费时间去找这种集成函数失效的情况了。