关于在使用easyUI和jQuery中出现 Uncaught TypeError: $(...).datagrid is not a function问题的解决

今天在写程序时报错,研究了半天(真半天)才得以解决,网上的情况是对引入的jquery和easyui.min.js的顺序进行排序,我试验了老半天都无法解决,甚至不用本地的文件,使用网址一样报错,关于两个jquery的也是无法解决,因为我只引入了一个

<link rel="stylesheet" href="jquery-easyui/themes/default/easyui.css">
<link rel="stylesheet" href="jquery-easyui/themes/icon.css">
<script src="/jquery-easyui/jquery.min.js"></script>
<script src="jquery-easyui/jquery.easyui.min.js"></script>

就很完美的代码,就是报错,最终通过浏览器的调试发现

在我引入我的jquery后还会莫名的引入另一个,但是这个我找到位置,删除后,整个项目都无法启动,没有办法,所以只能围魏救赵,步骤如下

1. 确保只加载一个jQuery版本:我们使用自己引入的jQuery,并避免其他位置引入的jQuery覆盖。 2. 使用jQuery.noConflict()来释放其他jQuery对$的控制权,然后使用我们自己的jQuery。

最后具体代码如下

<....最开头...>
<script>
    // 在所有脚本加载前检查 jQuery
    console.log("Before loading: window.jQuery", window.jQuery ? "存在" : "不存在");
    window.jQuery = window.$ = undefined;
</script>

<引入jquery的下面>
<script>
     // 获取我们的jQuery对象
    var $ourjQuery = jQuery;
    // 释放全局$控制权(但保留jQuery标识符)
    $ourjQuery.noConflict(true);
    // 将我们的jQuery存储到特殊变量中
    window.$our = $ourjQuery;
    // 为EasyUI设置全局jQuery环境
    window.jQuery = $ourjQuery;
</script>
<.....easyui的其他的引入>
<script>
    // 恢复原始环境
    window.$ = window.__original$;
    window.jQuery = window.__originaljQuery;
</script>

<..引入我们的js....>

最后在我们的js中我们不能再使用$,而是$our

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值