在易居开发中,出现jquery 苏西 量滴射流研究…函数库问题的解决办法

易居是jquery的一个插件，是民间的插件易居。使用起来很方便，里面有网页制作的最重要的三大方块：javascript代码、html代码和钢性铸铁样式。我们在导入易居库后，可以直接复制粘贴里面的代码，从而简单轻便地初步设置网页。

首先导入易居函数库：

链接rel='样式表'类型=' text/CSS ' href=' easy ui/themes/default/easy ui。CSS ' link rel='样式表'类型=' text/CSS ' href=' easy ui/themes/icon。' CSS '脚本类型=' text/JAVAScript ' src=' http : easy ui/jquery-1。7 .2 .量滴js /脚本脚本类型=' text/JavaScript ' src=' http 3360 easy ui/jquery .项目代码：

！DOCTYPE html html head meta charset=' utf-8 '/title欢迎来到后台管理界面/title link rel='样式表type=' text/CSS ' href=' plugin/themes/icon。CSS '/link rel='样式表type=' text/CSS ' href=' plugin/themes/default/easy ui。CSS/head脚本类型=' text/JavaScript ' src=' http : js/jquery。量滴js '/script脚本类型=' text/JavaScript ' src=' http 3360 js/jquery。简单的用户界面.制表符(“add”，{ title : }查看，content: 'Tab Body '，closable: true，tools :[{ iconcl s 3360 ' icon-mini-refresh '，handler : function(){ alert(' refresh ')；} }] });});/script body class=' measuri-layout ' div data-options=' region : ' north '，split : true ' style=' height 3360100 px；'div h1拓胜公司后台管理系统/h1/div /div数据-选项=' region: ' south，split : true ' style=' height :60 px；div style=' margin: auto宽度： 400像素；padd : 20px ' font-size : 20px；版权拓胜公司版权所有/div /div数据-选项='区域： '西部，标题： '系统管理，split : true ' style=' width :240 px；'div id=' aa ' class=' measuri-accordion ' div title='管理员管理style=' padd : 10px ' ul lia href=' # '添加/a/li lia href='# '查看/a/li lia href='# '修改/a/li lia href='# '删除/a/li /ul /div /div /div数据-选项='region:'center '，title: '编辑区' ' style=' padding:5px背景# eee ' div id=' TT ' class=' measuri-tab ' ' div title='添加data-options=' closed : true ' style=' overflow : auto；padd :20 pxdisplay : none nab 1/div div title='删除data-options=' closed : true ' style=' overflow : auto；padd :20 pxdisplay : none nab 2/div/div/div/body/html上面代码没有任何的问题，但是却出现如下错误：

发生的错误：easyUImini.js库出现了问题，但是函数库是别人写好了，测试过的，里面理论下是不可能会有错误的。

通过种种的尝试，发现加入警报(11)后，浏览器就不报错了，javascript代码也能顺利的执行：

脚本类型=' text/JavaScript ' $(function(){ alert(11)；$('#tt ').制表符(“add”，{ title : }查看，content: 'Tab Body '，closable: true，tools :[{ iconcl s 3360 ' icon-mini-refresh '，handler : function(){ alert(' refresh ')；} }] });});/script而我们把jQuery代码改为window.onload()后，代码依然正常运行：

脚本类型=' text/JavaScript ' window . onload=function(){ $(' # TT ')。制表符(' add '，{title :' view '，content :' tab body '，closeable3360 true，tools :[{ iconcl s 3360 ' icon-mini-refresh '，handler : function(){ alert(' refresh ')；} }] });}/脚本总结为：

1.window.onload()和$(function(){})之间的区别

A)window.onload()是等到页面的所有元素都被加载(包括dom和javascript)，然后执行里面的函数代码

B)$(function(){})就是等到页面的dom元素加载完毕，再执行里面的函数代码

2.因为我们是用easyUI开发的，所以提前导入了javascript代码，但是在使用$(function(){})之后，javascript还没有加载，所以

jquery . easui . min . js库将报告一个错误。所以在我们使用easyUI开发项目的时候，切记不要使用$(function(){})，而要使用window.onload()。

以上就是本文介绍的easyUI开发中jquery.easyUI.min.js函数库问题的解决方案。希望你喜欢。