在easyUI开发中，出现jquery.easyui.min.js函数库问题的
解决办法
easyUI是jquery的⼀个插件，是民间的插件。easyUI使⽤起来很⽅便，⾥⾯有⽹页制作的最重要的三⼤⽅块：javascript代码、html代码和Css样式。我们在导⼊easyUI库后，可以直接复制粘贴⾥⾯的代码，从⽽简单轻便地初步设置⽹页。
⾸先导⼊easyUI函数库：
<link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="easyui/themes/icon.css">
<script type="text/javascript" src="easyui/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>
项⽬代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>欢迎来到后台管理界⾯</title>
<link rel="stylesheet" type="text/css" href="plugin/themes/icon.css" />
<link rel="stylesheet" type="text/css" href="plugin/themes/default/easyui.css" />
</head>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.easyui.min.js"></script>
<script type="text/javascript" src="plugin/easyloader.js"></script>
<script type="text/javascript" src="plugin/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript">
$(function() {
$('#tt').tabs('add', {
title: '查看',
content: 'Tab Body',
closable: true,
tools: [{
iconCls: 'icon - mini - refresh',
handler: function() {
alert('refresh');
}
}]
});
});
</script>
<body class="easyui-layout">
<div data-options="region:'north',split:true" >
<div>
<h1>拓胜公司后台管理系统</h1></div>
</div>
<div data-options="region:'south',split:true" >
<div >Copyright ©；拓胜公司版权所有</div>
</div>
<div data-options="region:'west',title:'系统管理',split:true" >
<div id="aa" class="easyui-accordion">
<div title="管理员管理" >
<ul>
<li><a href="#">添加</a></li>
<li><a href="#">查看</a></li>
<li><a href="#">修改</a></li>
<li><a href="#">删除</a></li>
</ul>
</div>
</div>
</div>
<div data-options="region:'center',title:'编辑区 '" >
<div id="tt" class="easyui-tabs" ">
<div title="添加 " data-options="closable:true " >
tab1
</div>
<div title="删除 " data-options="closable:true " >
tab2
</div>
</div>
</div>
</body>
</html>
上⾯代码没有任何的问题，但是却出现如下错误：
发⽣的错误：easyUImini.js库出现了问题，但是函数库是别⼈写好了，测试过的，⾥⾯理论下是不可能会有错误的。
通过种种的尝试，发现加⼊alert(11)后，浏览器就不报错了，javascript代码也能顺利的执⾏：
<script type="text/javascript">
$(function() {
alert(11);
$('#tt').tabs('add', {
title: '查看',
content: 'Tab Body',
closable: true,
tools: [{
iconCls: 'icon - mini - refresh',
handler: function() {
alert('refresh');
}
}]
});
});
</script>
⽽我们把jQuery代码改为load()后，代码依然正常运⾏：
<script type="text/javascript">
$('#tt').tabs('add', {
title: '查看',
content: 'Tab Body',
closable: true,
tools: [{
iconCls: 'icon - mini - refresh',
handler: function() {
alert('refresh');
}
}]
jquery在项目里是干啥的
});
}
</script>
总结为：
  1、load()和$(function(){})的区别
    load()是等到页⾯所有元素加载完毕后（包括dom和javascript），再执⾏⾥⾯的函数代码
    B)$(function(){})是等到页⾯的dom元素加载完毕后，再执⾏⾥⾯的函数代码
  2、因为我们是⽤easyUI来开发，事先导⼊了javascript代码，但是利⽤$(function(){})后，javascript还没加载完毕，所以jquery.easyui.min.js库就会报错了。所以在我们利⽤ easyUI开发项⽬的时候记得
不要使⽤$(function(){})，⽽建议去使⽤load()。
以上就是本⽂给⼤家介绍的在easyUI开发中，出现jquery.easyui.min.js函数库问题的解决办法，希望⼤家喜欢。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。