【前言】
上篇文章简单的介绍了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的文档,东一点西一点的。。。