导入easyUI文件详解

来源:互联网 发布:淘宝用工具吧怎样打折 编辑:程序博客网 时间:2024/05/21 11:02
1。新建一个HTML文件,在head里引入jQuery文件,注意顺序,我一开始就是顺序不对导致无法加载。

2。先把jQuery easyUI解压到项目中,新建一个easyui的文件夹,然后把它们解压到easyui文件夹下。

3,。开始引入文件了,一定要按照顺序来。

<script type="text/javascript" src="easyui/jquery.min.js"></script> <!--这是jQuery文件-->


<script type="text/javascript" src="easyui/jquery.easyui.min.js"></script><!--这是jQuery easyUI文件-->


<script type="text/javascript" src="easyui/locale/easyui-lang-zh_CN.js"></script><!--这是中文包文件-->


<link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css"/><!--这是默认主题CSS文件-->


<link rel="stylesheet" type="text/css" href="easyui/themes/icon.css"/><!--这是图标CSS文件-->


4。接着,就可以在body上测试了。测试代码如下:

<div id="box" class="easyui-dialog" style="padding:5px;width:400px;height:200px;"title="这是我第一次使用EasyUI" iconCls="icon-ok" toolbar="#dlg-toolbar" buttons="#dlg-buttons">


hello world!


</div>

5。打开浏览器效果,刷新后
引入jQuery easyUI文件并使用 - 冰天百华 - bingtianbaihua的技术博客
原创粉丝点击