将EasyUI相关文件导入到项目webroot目录下,新建index.html并加入EasyUI的引用
运行时页面显示只有一条线,F12调试报错:SCRIPT5009: “jQuery”未定义 jquery.easyui.min.js, 行10 字符2
结果证明是一处引入顺序错误导致的
由于js的加载顺序是引入标记<script />的出现顺序,所以会从上至下执行,因此jquery.easyui.min,js要放在jquery.min.js之后
、
图1.jquery-easyui-1.4.5目录结构
图2.WebRoot目录结构(其中script下引入了jquery.easyui.min.js、jquery.min.js、style下引入了themes文件夹,重命名为easyui)
图3.修改后显示正常