您的位置:首页 > Web前端 > JQuery

seajs 2.3.0 加入jquery

2016-04-03 08:19 429 查看
【前言】

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



内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: