seajs实例

点击文本改变:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>seajs demo</title>
    <script src="js/jquery-1.3.2.min.js"></script>
</head>
<body>
    <div id="box">这是box</div>
    <script>
$(document).ready(function(){
    $("#box").click(function(){
        $(this).text("change ok");
    })
})
    </script>
</body>
</html>

利用seajs完成以上效果：

 demo.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>seajs demo</title>
</head>
<body>
    <div id="box">这是box</div>
    <script src="js/sea.js" ></script>
    <script>
// seajs 的简单配置
seajs.config({
  base: "./js/",
  alias:{
      "jquery":"jquery-1.3.2.min.js"
  }
})
seajs.use("main");
    </script>
</body>
</html>

 

main.js

// 所有模块都通过 define 来定义
define(function(require, exports, module) {
    require('jquery');  //普通jquery库
    var demo=require('demo');        
    demo.doSomething();
});

 

demo.js

define(function(require, exports, module) {       
var a={};
a.doSomething=function(){
      $("#box").click(function(){
        $(this).text("change ok");
    });
}     
  module.exports=a;
});

 

posted @ 2015-10-14 15:01  tinyphp  Views(275)  Comments(0)  Edit  收藏  举报