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

发布了208 篇原创文章 · 获赞 267 · 访问量 163万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览