编写模块化的jquery插件_jq 模块化插件写法-优快云博客

这篇博客是解决了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的语法规范了。真是字字珠玑啊！

于是以后这段代码就可以常用了。