今天在写程序时报错,研究了半天(真半天)才得以解决,网上的情况是对引入的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
6466

被折叠的 条评论
为什么被折叠?



