easyui之“什麼文件都引入了爲什麼不顯示”

今天來興致了，想寫個小小的管理系統隨時統計一下關於博客的數據。

想用easyui做修飾頁面，結果寫好了。頁面什麼都沒有。

我仔細檢查了一遍，按照以往的經驗，沒有爲什麼問題。

於是瀏覽器開F12，發現有這麼一句話：

Uncaught ReferenceError: jQuery is not defined

jQuery 未聲明?!不對啊，我應該引入了纔對。此時，我突然想到了什麼。

果然。。。。

<link rel="stylesheet" type="text/css"
	href="jslib/jquery-easyui-1.4.4/themes/default/easyui.css">
<link rel="stylesheet" type="text/css"
	href="jslib/jquery-easyui-1.4.4/themes/icon.css">
<script type="text/javascript"
	src="jslib/jquery-easyui-1.4.4/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="jslib/jquery-easyui-1.4.4/jquery.min.js"></script>

jQuery的引用放在了easyui的下面，結果渲染界面的時候，easyui找不到jQuery，所以渲染失敗。。。

正常的順序是這樣的：

<link rel="stylesheet" type="text/css"
	href="jslib/jquery-easyui-1.4.4/themes/default/easyui.css">
<link rel="stylesheet" type="text/css"
	href="jslib/jquery-easyui-1.4.4/themes/icon.css">
<script type="text/javascript"
	src="jslib/jquery-easyui-1.4.4/jquery.min.js"></script>
<script type="text/javascript"
	src="jslib/jquery-easyui-1.4.4/jquery.easyui.min.js"></script>

這也是使用easyui 必須要引入的四個文件。

吸取教訓吧！