seajs 使用jquery插件

方法一,將js插件cmd模塊化(define封裝成seajs模塊,返回匿名函數,包含插件的源碼)。jquery

/**
 * Created with JetBrains PhpStorm.
 * User: duph
 * Date: 13-3-11
 * Time: 上午9:24
 * To change this template use File | Settings | File Templates.
 */

define(function(require,exports,moudles){
     return function(jquery){
         (function($) {
             $.fn.pri= function() {
                 alert($("a").attr("href"))
                 // 代碼區域。
             };
         })(jquery);
     }

})

jquery庫在總js文件(調用該插件的文件)中加載。經過require("t1/jquery_pligun")($)來傳遞jquery變量($參數) ,保證了jquery在調用js插件模塊以前加載模塊化

/**
 * Created with JetBrains PhpStorm.
 * User: duph
 * Date: 13-3-11
 * Time: 上午9:40
 * To change this template use File | Settings | File Templates.
 */
define(function (require, exports, moudles) {
    var $=require("jquery")
    require("t1/jquery_pligun")($)
    $(document).ready(function () {
        $("a").pri()
    })


})
相關文章
相關標籤/搜索