怎么实现jQuery的插件amd化?

 我来答
惠企百科
2022-12-11 · 百度认证:北京惠企网络技术有限公司官方账号
惠企百科
惠企百科网是一家科普类综合网站,关注热门中文知识,集聚互联网精华中文知识,本着自由开放、分享价值的基本原则,向广大网友提供专业的中文知识平台。
向TA提问
展开全部

一、调用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 () {

//插件代码

};

}));

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式