最近我在使用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的函数使用不够熟练,如果经常使用和了解这些函数的作用,就不会浪费时间去找这种集成函数失效的情况了。