jquery easyui需要引入的文件有如下4个:
<!-- jquery核心库 -->
<script type="text/javascript" src="easyui/jquery.min.js"></script>
<!-- easyui核心库 -->
<script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>
<!-- easyui核心UI文件 css -->
<link href="easyui/themes/default/easyui.css" rel="stylesheet" type="text/css"/>
<!-- easyui图标 -->
<link href="easyui/themes/icon.css" rel="stylesheet" type="text/css"/>
jquery核心库一定要放在easyui核心库前面引入,不然jquery.easyui.min.js中会报错:jQuery is not defined。
有的时候,我们需要进行国际化,比如一些提醒、日历等,就需要引入easyui的国际化文件,代码如下:
<!-- easyui国际化文件 -->
<script type="text/javascript" src="../resource/js/jquery-easyui-1.5/locale/easyui-lang-zh_CN.js"></script>
不同的css文件代表不同的主题black代表黑色主题
bootstrap代表一种开源bootstrap风格的主题//建议百度bootstrap
default代表默认主题
gray代表灰色主题
icon.css,icons这两个都要引入,这些是你图片或者icon的css样式
demo里的demo.css在你的项目里不用引入,因为这是用在jquery easyui 例子项目里的css
例如你要使用黑色风主题
<link rel="stylesheet" type="text/css" href="../../themes/black/easyui.css">
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
<script type="text/javascript" src="../../jquery.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
注意路径要写对