easyui之“什麼檔案都引入了為什麼不顯示”
阿新 • • 發佈：2019-01-23
今天來興致了，想寫個小小的管理系統隨時統計一下關於部落格的資料。
想用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，所以渲染失敗。。。
正常的順序是這樣的：
這也是使用easyui 必須要引入的四個檔案。<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>
吸取教訓吧！