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的文档，东一点西一点的。

。

。

posted @ 2016-04-03 08:19  zfyouxi  阅读(251)  评论(0)    收藏  举报