easyui之“什么文件都引入了为什么不显示”

最新推荐文章于 2021-07-26 10:40:46 发布

原创最新推荐文章于 2021-07-26 10:40:46 发布 · 1.8k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery #引用 #easyui #页面不显示

报错解决专栏收录该内容

17 篇文章

订阅专栏

在创建小型管理系统并使用easyui美化页面时，遇到页面元素不显示的问题。通过浏览器F12调试发现错误提示：jQuery is not defined。经过检查，确认已正确引入jQuery，但问题依然存在。最终发现是引用顺序错误导致，调整引用顺序后问题解决。

今天来兴致了，想写个小小的管理系统随时统计一下关于博客的数据。

想用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 必须要引入的四个文件。

吸取教训吧！