码迷,mamicode.com
首页 > Web开发 > 详细

使用seajs编写模块

时间:2016-10-12 22:35:30      阅读:162      评论:0      收藏:0      [点我收藏+]

标签:

//方法一:将函数绑定到原型上
define(function(require, exports, module) { 
    $.fn.tab = function(option, callback) { 
        function bootstrap() {
           console.log(‘djsakhdkj‘);
        }  
        bootstrap();
    }
    $(function(){
        $().tab();//因为将tab绑定到$原型上,所以要使用$().tab()去调用
    })
})
//方法二:直接写函数形式
define(function(require, exports, module) { 
    var tab = function(option, callback) { 
        function bootstrap() {
           console.log(‘545‘);
        }  
        bootstrap();
    }
    $(function(){
        tab();//因为将tab绑定到$原型上,所以要使用$().tab()去调用
    })
})

上面对应的html中调用:

seajs.use(‘./../../js/tab‘);

第三种方法:

//方法三:使用module.exports向外提供函数接口,html中代码为:
// seajs.use(‘./../js/calendar‘, function () {
//         init();
//     });
define(function(require, exports, module) { 
    $.fn.tab = function(option, callback) { 
        function bootstrap() {
           console.log(‘djsakhdkj‘);
        }  
        bootstrap();
    }
    $(function(){
        init=function(){
            $().tab();//因为将tab绑定到$原型上,所以要使用$().tab()去调用 
        }
        module.exports=init;
    })
})

对应的html文件:

  seajs.use(‘./../js/calendar‘, function () {
        init();
    });

 

使用seajs编写模块

标签:

原文地址:http://www.cnblogs.com/xiaozhumaopao/p/5954439.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!