多个插件依赖不同版本jQuery问题解决案例
<script src="../../../js/jquery-1.3.2.min.js" type="text/javascript"></script>
<!--上传图片只能搭载1.3.2.min.js 版本-->
<script src="../../../js/jquery.form.js" type="text/javascript"></script>
<!--autocomplete下拉搜索开始-->
<link href="../../../js/jquery-ui-1.12.1.custom/jquery-ui.min.css" rel="stylesheet" type="text/css" />
<!--autocomplete需要高版本js,不要修改它的顺序,因为autocomplete必须-->
<script src="../../../js/jquery-1.8.0.js" type="text/javascript"></script>
<script type="text/javascript">
var $jq_1_8_0 = jQuery.noConflict(); //将jQuery还原为上一个被覆盖的版本
</script>
<script src="../../../js/jquery-ui-1.12.1.custom/jquery-ui.js" type="text/javascript"></script>
<script src="../../../js/myClass.js" type="text/javascript"></script>
//下面是myClass.js代码的写法。
(function ($) {
var classData = null;
//var testSource = ["abc","abd","abc1","bcd","bcdf","def","2016","2015","2017","2018"];
window.onload = function () {
classData = loadClassData();
// alert($.fn.jquery);
$("#AddClass").autocomplete({
minChars: 0, //输入多少字符触发
minLength: 0,
source: classData,
mustMatch: true,
focus: function (event, ui) {
$("#AddClass").val(ui.item.label);
$("#HiddenField_Class").val(ui.item.value);
return false;
},
select: function (event, ui) {
$("#AddClass").val(ui.item.label);
$("#HiddenField_Class").val(ui.item.value);
return false;
}
}).autocomplete("instance")._renderItem = function (ul, item) {
return $("<li>")
.append("<div>" + item.label + "</div>")
.appendTo(ul);
};
};
//下拉类别
function loadClassData() {
var arrData = [];
var classItem = function classItemObj(value, text) {
this.value = value;
this.label = text;
}
$.ajax({
type: "get",
async: false,
url: "/Manager/AjaxRequest/SelectClass.ashx?ParentId=20150424163224980114&cmd=ps",
success: function (data) {
var dataObj = eval("(" + data + ")"); //转换为json对象
$.each(dataObj.Table, function (i, item) {
// var html = "<option value='" + item.class_aid + "'>" + item.class_name + "</option>";
arrData.push(new classItem(item.class_aid, item.class_name));
})
}
});
return arrData;
}
})($jq_1_8_0);
主要代码一个是在,还原到上一个版本$问题,一个是将特定版本jquery传入自动用函数问题。
多个插件依赖不同版本jQuery问题解决案例的更多相关文章
- jQuery-jqprint.js打印插件使用高版本jQuery时问题
使用jqprint打印插件的网页demo代码: <!doctype html> <html> <head> <meta charset="utf-8 ...
- ECharts图表插件(4.x版本)使用(一、关系图force节点显示为自定义图像/图片,带分类选择)
导读 ECharts,一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safar ...
- android stuido 在线安装svn插件,添加版本库无响应
问题:android stuido 中在线安装svn插件,添加版本库无响应. 原因: 由于android stuido 版本较高,在线安装1.6x 版本的svn,添加版本库一直没有响应,最后卡死.. ...
- 【Linux】安装openssh-server依赖openssh-client版本错误的解决办法
这是因为,openssh-server是依赖于openssh-clien的,ubuntu自带了openssh-client,自带的openssh-clien与所要安装的openssh-server所依 ...
- VS Code Java 3月更新|代码补全、Maven 以及 Java 插件预览版本新升级!
Nick Zhu Senior Program Manager, Developer Division at Microsoft 大家好,欢迎来到 Visual Studio Code Java 的 ...
- maven 重复依赖不同版本 选择规则
maven 重复依赖不同版本 选择规则 本篇主要来看看 maven 对于 重复依赖的jar的不同版本时候 它内部的选择规则, 很多时候我们在搭建环境的时候 不注意就会存在依赖冲突等问题 那依赖冲突的时 ...
- Android Material Design Ripple Effect在Android5.0(SDK=21)以下Android版本崩溃问题解决
Android Material Design Ripple Effect在Android5.0(SDK=21)以下Android版本崩溃问题解决 附录1的Android Ripple Effect水 ...
- 移动端下拉刷新、加载更多插件dropload.js(基于jQuery/Zepto)
移动端下拉刷新.加载更多插件dropload.js(基于jQuery/Zepto) 原文:http://www.grycheng.com/?p=1869 废话不多说,先让大家看一下案例效果: DEMO ...
- Spring Boot 指定某个依赖的版本
Spring Boot 是个很好的框架,他为了他的一些功能生效,定义了一些依赖的版本. 比如说:Spring Boot 1.5.x 中elasticSearch是2.4.x的,这个是他本身就定义好的. ...
随机推荐
- c++ 打印堆栈代码
namespace google {namespace glog_internal_namespace_ {void DumpStackTraceToString(std::string* stack ...
- Window 对象详解 转自 http://blog.csdn.net/jcx5083761/article/details/41243697
详解HTML中的window对象和document对象 标签: HTMLwindowdocument 2014-11-18 11:03 5884人阅读 评论(0) 收藏 举报 分类: HTML& ...
- discuz中方法
discuz中检验是否是邮箱 function isemail($email) { && strlen($email) <= && preg_match(&quo ...
- flume log4j配置
版权声明:本文为博主原创文章,未经博主允许不得转载. 1.依赖jar包导入,通过maven管理,pom文件增加如下配置: <!-- log4j输出日志到flume的appender依赖包 --& ...
- How-to: Enable User Authentication and Authorization in Apache HBase
With the default Apache HBase configuration, everyone is allowed to read from and write to all table ...
- UVa 694 - The Collatz Sequence
https://uva.onlinejudge.org/index.php?option=com_onlinejudge&Itemid=8&category=94&page=s ...
- linux 学习 软件工具
_____secureCRT 远程通信工具 第二行第二个快速连接,输入主机名,即ip地址,和用户名,root .其它默认:端口22,协议ssh2,防火墙 none. 保存会话,连接.需要输入用户密码. ...
- highchart访问一次后台服务返回多张图表数据
本文承接上一篇,我们制作动态图表的时候,往往需要的不止一张图表,如果每张图表都与服务接口做一次交互的话未免太过频繁,这无论对前后还是后台都是一种压力,本文介绍一种一次访问返回多组数据的方式来减少前台与 ...
- poj1157LITTLE SHOP OF FLOWERS
Description You want to arrange the window of your flower shop in a most pleasant way. You have F bu ...
- php底层
http://www.phpchina.com/member.php?mod=logging&action=login 我们从未手动开启过PHP的相关进程,它是随着Apache的启动而运行的: ...