seajs 2.3.0 加入jquery
【前言】
上篇文章简单的介绍了seajs的使用,下午使用seajs整合jquery就碰到问题了。
下载seajs上的examples,里面直接require('jquery')没有不论什么问题,
我照着写了一遍,可是报$没有定义。坑爹。
。
找到这篇博文攻克了问题:
http://blog.csdn.net/adeyi/article/details/18003043
雪中送炭啊。太感谢了。
【原因】
seajs中的js都是模块,直接载入jquery。这个jquery是没有模块化的,
对,examples中的jquery是模块化过的,坑爹啊。
。
【解决】
自己写一个jquery.js,代码:
也就是把jquery的源代码拷贝进去,最后加入一个return
【样例】
页面:
<!DOCTYPE html> <html> <head> <title>seajs-demo-04</title> </head> <body> <div id="test" data="1"></div> <!-- 引入sea.js --> <script type="text/javascript" src="${base}/ZJS/sea.js"></script> <script type="text/javascript"> seajs.config({ alias : { 'jquery' : 'jquery/jquery.js' } }); seajs.use('demo04.js'); </script> </body> </html>js:
define(function(require, exports, module) { var $ = require('jquery'); var s = $('#test').attr('data'); alert(s); });
效果:
搞定。坑爹的seajs。没有一个pdf的文档,东一点西一点的。
。
。