请知悉：本文最近一次更新为 8年 前，文中内容可能已经过时。
先看一下原始插件的源码是这样的(主要内容省略):
;(function() {
/*jshint eqeqeq:false curly:false latedef:false */
"use strict";
function setup($) {
//插件内容
}
/*global define:true */
if (typeof define === 'function' && define.amd && define.amd.jQuery) {
define(['jQuery'], setup);
} else {
setup(jQuery);
}
})();模块化，只需要把上面插件内容部分置入既可，模块化后的效果如下：
define(function (require, exports, moudles) {
return function (jQuery) {
(function($){
var $ = require('$');
//插件内容
})(jQuery);
}
});如此就可以调用了：
define(function(require, exports, module) {
var test;
var $ = require('$');
require('./jQuery.blockUI')($);
$('#button').click(function() {
$.blockUI({ message: '<h1>测试</h1><button class="close">关闭</button>' });
$('.close').click($.unblockUI);
//setTimeout($.unblockUI, 2000);
});
module.exports = test;
});如您从本文得到了有价值的信息或帮助，请考虑扫描文末的二维码对我进行赞赏和鼓励。
如本文对您有用，捐赠和留言 将是对我最好的支持~
如愿意，请向朋友推荐本站，谢谢。
尊重他人劳动成果。 转载请务必附上原文链接，我将感激不尽。
有问题可以通过文末留言给我。
留言