这篇博客是解决了jquery加载jquery.cookie插件,jquery加载失败的问题。
这两天看了点儿requirejs,于是开始尝试编写模块化的Javascript代码,于是,特别想应用到项目中去。
废话不多说,鄙人菜鸡一枚,就不赘述requirejs的API了,不懂的朋友请自行到它的官方网站查看。
然后,我急切的将它应用到项目中,第一个问题就让我懵逼了,得益于这个问题,让我学到了新东西。
我的项目结构是没有错,打开F12,查看jquery先是被加载进来了,然后又被改掉了,于是,好吧,各方查资料,没有答案,是在下输了。
没法就自己改jquery.cookie的源码好了。
不看不知道,一看吓一跳:
先上没改的源代码(最开始的几行):
function(factory) {
if (typeof define === 'function' && define.amd) {
// AMD
define(['../jquery'], factory);
} else if (typeof exports === 'object') {
// CommonJS
factory(require('jquery'));
} else {
// Browser globals
factory(jQuery);
}
}
于是,问题就处在define上面,它让requirejs到上层目录去找jquery,我的项目目录jquery和jquery.cookie是在同一目录下,肯定是找不到的。
于是将它改成define("jquery",factory),就可以了。
请仔细看这段代码,然后就开始感慨了,这歪果仁怎么这么厉害呢,我怎么就想不到呢?
一个立即执行的函数里面传入factory参数,真正起作用的就是就是这个factory了,然后在函数里面执行以后,便满足了AMD或者CommonJS的语法规范了。真是字字珠玑啊!
于是以后这段代码就可以常用了。