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  阅读(244)  评论(0编辑  收藏  举报