假设有如下一个名为get-data的jq插件:
(function($) { $.fn.getData= function() { console.log($(this).attr('data')) }; })(jQuery);
将插件封装成cmd模块:
define(function(require,exports,moudles){ return function(jquery){ (function($) { $.fn.getData= function() { console.log($(this).attr('data')) }; })(jquery); } })
注意传入的参数,原插件中是传入jQuery对象,封装后传入的是jquery参数(当然实际还是需要传入jQuery)
通过以下方式加载:
define(function (require, exports, moudles) { var $=require("jquery") //在config中配置的jQuery require("get-data")($) //require中的参数可以传入在config中配置好的名字,也可以直接传入路径(路径应该是相对于config中配置的根目录),然后将上一步获取到的jQuery对象传入作为参数 $(document).ready(function () { $("div").getData() }) })