使用seajs來引入js代碼

注意的是：引入jquery的代碼最好放在html文件中，本文是為了說明seajs中require如何使用的，才將jquery放入seajs中的。

html中對應的代碼：

<script type="text/javascript" src="../js/lib/sea.js"></script><!--這里一定要引入sea.js下面才能使用seajs.use()函數-->
<script type="text/javascript">
    seajs.use(['../js/zyl'],function(init) {
        init();
    });
</script>

（注意的是

function(init)中的參數init

）

對應的js代碼：

define(function(require, exports, module){
require('./lib/jquery.min');//該模塊需要引入的js文件。使用require來引入，這樣的好處是需要這些js文件時才引入，而不是一開始就全部放在html中引入
function bindEvents(){    //編寫核心函數代碼
$('.zuobiaoxi td').click(function() {    //前提是html中需要引入jquery
        $(this).addClass('td_curr').siblings().removeClass('td_curr').parents().siblings().find('td').removeClass('td_curr');
        $(this).find('.round').addClass('curr').parents().siblings().find('.round').removeClass('curr');
    });
}
 var init = function(){
        bindEvents();
    }
    module.exports = init;
})

 這里的

seajs.use(['../js/zyl'],function(init) {
      
    });

就是引入了zyl.js文件，運行zyl.js文件。如果函數中不寫init();那么對應的zyl.js文件就要執行init函數（）

define(function(require, exports, module){
require('./lib/jquery.min');//該模塊需要引入的js文件。使用require來引入，這樣的好處是需要這些js文件時才引入，而不是一開始就全部放在html中引入
function bindEvents(){    //編寫核心函數代碼
$('.zuobiaoxi td').click(function() {    //前提是html中需要引入jquery
        $(this).addClass('td_curr').siblings().removeClass('td_curr').parents().siblings().find('td').removeClass('td_curr');
        $(this).find('.round').addClass('curr').parents().siblings().find('.round').removeClass('curr');
    });
}
 var init = function(){
        bindEvents();
    }
 init();//這里做了改動
})

 此外，還可以在zyl.js中寫多個函數，然后使用

module.exports = dialog;來向外提供接口，這樣在html中引入的js中就可以直接使用dialog();執行。（如果不寫

module.exports = dialog;）則，html中寫dialog()不再起作用。
）
則js代碼為：

define(function(require, exports, module){
require('./lib/jquery.min.js');
function bindEvents(){    //編寫核心函數代碼
$('.zuobiaoxi td').click(function() {    //前提是html中需要引入jquery
        $(this).addClass('td_curr').siblings().removeClass('td_curr').parents().siblings().find('td').removeClass('td_curr');
        $(this).find('.round').addClass('curr').parents().siblings().find('.round').removeClass('curr');
    });
}

 var init = function(){
        bindEvents();
    }
    var dialog=function(){
        alert('hello');
    }
    module.exports = init;
    //或者使用init();
     module.exports = dialog;
})

對應的html代碼為：

<script type="text/javascript" src="../js/lib/sea.js"></script><!--這里一定要引入sea.js下面才能使用seajs.use()函數-->
<script type="text/javascript">
    seajs.use(['../js/zyl.js'],function(init) {
        init();
        dialog();
    });
</script>