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()

    }) 

})