seajs加载jquery插件

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

 

 

转载于:https://www.cnblogs.com/liulangmao/p/3585105.html