seajs 2.3.0 加入jquery

【前言】javascript

上篇文章簡單的介紹了seajs的使用,下午使用seajs整合jquery就碰到問題了。html

下載seajs上的examples,裏面直接require('jquery')沒有不論什麼問題,java

我照着寫了一遍,但是報$沒有定義。坑爹。jquery

模塊化

找到這篇博文攻克了問題:ui

http://blog.csdn.net/adeyi/article/details/18003043.net

雪中送炭啊。太感謝了。code


【緣由】htm

seajs中的js都是模塊,直接載入jquery。這個jquery是沒有模塊化的,blog

對,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的文檔,東一點西一點的。

相關文章
相關標籤/搜索