怎么实现jQuery的插件amd化？
2024-06-29 10:28:24
一、调用Jquery插件的方法：
jQuery官网制作的插件jQuery，在使用它时不仅要链接库文件，还要链接UI文件以及UI的CSS文件，如：
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
二、实现jQuery的插件amd化：Require.js中使用jQuery 插件，虽然jQuery的支持AMD的API， 这并不意味着jQuery插件也是和AMD兼容的。
1、一般的jQuery 插件格式：
复制代码代码如下:
(function ($) {
$.fn.myPlugin = function () {
//你自己的插件代码
};
})(jQuery);
2、稍微修改一下就可以使用Require.js加载一个jQuery插件：
复制代码代码如下:
;(function (factory) {
if (typeof define === "function" && define.amd) {
// AMD模式
define([ "jquery" ], factory);
} else {
// 全局模式
factory(jQuery);
}
}(function ($) {
$.fn.jqueryPlugin = function () {
//插件代码
};
}));
热门标签
