sea.js使用

<script type="text/javascript" src="./sea.js"></script>
<script>
// 設置一些參數
seajs.config({
 debug: true, // debug爲false時,在模塊加載完畢後會移除head中的script標籤
 base: './js/', // 經過路徑加載其餘模塊的默認根目錄
 alias: { // 別名
 jquery: 'http://modules.seajs.org/jquery/1.7.2/jquery.js'
 }
})


//調用
seajs.use('main', function(main) {
 alert(main)
})
seajs.use(['./hello', 'jquery'], function(hello, $) {
  $('#beautiful-sea').click(hello.sayHello);
});
</script>

/js/下
-main.js-
define(function (require, exports, module) {
	// 經過 require 引入依賴
	  var $ = require('jquery');
	  var Spinning = require('./spinning');

 	module.exports = 'main-module'	// 或者經過 module.exports 提供整個接口
})
-hello.js-
define(function(require, exports, module) {
  var $ = require('jquery');

  exports.sayHello = function() {	//// 經過 exports 對外提供接口
    $('#hello').toggle('slow');
  };
});
相關文章
相關標籤/搜索