假设有如下一个名为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()
})
})