华山资源网

在easyUI开发中，出现jquery.easyui.min.js函数库问题的解决办法
网络编程 2024/11/15 佚名
3 1

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="/UploadFiles/2021-04-02/jquery-1.7.2.min.js">


项目代码：





<!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="/UploadFiles/2021-04-02/jquery.min.js">


上面代码没有任何的问题，但是却出现如下错误：


在easyUI开发中，出现jquery.easyui.min.js函数库问题的解决办法


发生的错误：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代码改为window.onload()后，代码依然正常运行：





<script type="text/javascript">
  window.onload=function(){
    $('#tt').tabs('add', {
        title: '查看',
        content: 'Tab Body',
        closable: true,
        tools: [{
          iconCls: 'icon - mini - refresh',
          handler: function() {
            alert('refresh');
          }
        }]
      });
  }
  </script>





总结为：


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




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




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




　　2、因为我们是用easyUI来开发，事先导入了javascript代码，但是利用$(function(){})后，javascript还没加载完毕，所以


jquery.easyui.min.js库就会报错了。所以在我们利用 easyUI开发项目的时候记得不要使用$(function(){})，而建议去使用window.onload()。


以上就是本文给大家介绍的在easyUI开发中，出现jquery.easyui.min.js函数库问题的解决办法，希望大家喜欢。
华山资源网 Design By www.eoogi.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
华山资源网 Design By www.eoogi.com
www.eoogi.com 华山资源网
120,135影音资源
344,641技术资源
22,817软件资源
435,032站长资源

更新日志

友情链接

杰晶网络 DDR爱好者之家 桃源资源网 杰网资源 富贵资源网 南强小屋 铁雪资源网 幽灵资源网 万梅资源网 狼山资源网 白云岛资源网 昆仑资源网 相思资源网 明霞山资源网 内蒙古资源网 黑松山资源网 茶园资源网 饿虎岗资源网 大旗谷资源网 常春岛资源网 岱庙资源网 兴国资源网 快活林资源网 蝙蝠岛资源网 帝王谷资源网 白云城资源网 伏龙阁资源网 清风细雨楼 天枫庄资源网 圆月山庄资源网 无争山庄资源网 神水资源网 移花宫资源网 神剑山庄资源网 无为清净楼资源网 金钱帮资源网 丐帮资源网 华山资源网 极乐门资源网 小李飞刀资源网 凤求凰客栈 风云阁资源网 金狮镖局 鸳鸯亭资源网 千金楼资源网 更多链接
华山资源网 Design By www.eoogi.com