jQuery插件版本冲突的处理方法分析


Posted in Javascript onJanuary 16, 2017

本文实例分析了jQuery插件版本冲突的处理方法。分享给大家供大家参考,具体如下:

jQuery 的某个插件 当有多个版本同时可能会有冲突,导致代码错误

参考typeahead的处理方法,可以在插件中增加noconflict 方法来解决这个问题(在进入版本的时候讲老版本保存,退出的时候还原老版本)

demo如下:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <script src="jquery.js"></script>
</head>
<body>
<div class="container">
  你好
</div>
<script>
  (function ($) {
    $.fn.myshowHtml = function () {
      alert("我是老版本:" + this.html());
    }
  })(window.jQuery);
  (function ($) {
    var old = $.fn.myshowHtml;
    $.fn.myshowHtml = function () {
      alert("我是新版本:" + this.html());
    }
    $.fn.myshowHtml.noConflict = function () {
      $.fn.myshowHtml = old;
      return this;
    };
  })(window.jQuery);
  $(function () {
    $(".container").myshowHtml();
    $.fn.myshowHtml.noConflict();
    $(".container").myshowHtml();
  })
</script>
</body>
</html>

希望本文所述对大家jQuery程序设计有所帮助。

Javascript 相关文章推荐
关于js获取radio和select的属性并控制的代码
May 12 Javascript
JavaScript Math.ceil 方法(对数值向上取整)
Jan 09 Javascript
谈谈Jquery中的children find 的区别有哪些
Oct 19 Javascript
全面了解javascript三元运算符
Jun 27 Javascript
JavaScript浮点数及运算精度调整详解
Oct 21 Javascript
页面间固定参数,通过cookie传值的实现方法
May 31 Javascript
微信小程序实现图片上传功能实例(前端+PHP后端)
Jan 10 Javascript
vue+axios新手实践实现登陆的示例代码
Jun 06 Javascript
mongodb初始化并使用node.js实现mongodb操作封装方法
Apr 02 Javascript
通过高德地图API获得某条道路上的所有坐标用于描绘道路的方法
Aug 24 Javascript
在Vue中使用Echarts实例图的方法实例
Oct 10 Javascript
antd日期选择器禁止选择当天之前的时间操作
Oct 29 Javascript
js实现带缓动动画的导航栏效果
Jan 16 #Javascript
jQuery居中元素scrollleft计算方法示例
Jan 16 #Javascript
jQuery使用正则表达式替换dom元素标签用法示例
Jan 16 #Javascript
JavaScript日期选择功能示例
Jan 16 #Javascript
jquery——九宫格大转盘抽奖实例
Jan 16 #Javascript
jQuery的ajax中使用FormData实现页面无刷新上传功能
Jan 16 #Javascript
Node.js中用D3.js的方法示例
Jan 16 #Javascript
You might like
php中生成随机密码的自定义函数代码
2013/10/21 PHP
php实现查看邮件是否已被阅读的方法
2013/12/03 PHP
php简单的上传类分享
2016/05/15 PHP
传智播客学习之java 反射
2009/11/22 Javascript
一个简单的网站访问JS计数器 刷新1次加1次访问
2012/09/20 Javascript
如何创建一个JavaScript弹出DIV窗口层的效果
2013/09/25 Javascript
Javascript加载速度慢的解决方案
2014/03/11 Javascript
jQuery 选择器详解
2015/01/19 Javascript
Javascript实现多彩雪花从天降散落效果的方法
2015/02/02 Javascript
javascript实现动态标签云
2015/10/16 Javascript
关于网页中的无缝滚动的js代码
2016/06/09 Javascript
关于数据与后端进行交流匹配(点亮星星)
2016/08/03 Javascript
jQuery事件绑定用法详解
2016/09/08 Javascript
JavaScript设计模式之策略模式详解
2017/06/09 Javascript
基于angular实现模拟微信小程序swiper组件
2017/06/11 Javascript
详解vue-router2.0动态路由获取参数
2017/06/14 Javascript
JavaScript实现单击网页任意位置打开新窗口与关闭窗口的方法
2017/09/21 Javascript
解决Vue不能检测数组或对象变动的问题
2018/02/24 Javascript
vue+iview 实现可编辑表格的示例代码
2018/10/31 Javascript
微信小程序云开发之新手环境配置
2019/05/16 Javascript
vue 实现滚动到底部翻页效果(pc端)
2019/07/31 Javascript
vue项目中使用rem,在入口文件添加内容操作
2020/11/11 Javascript
利用Python实现简单的相似图片搜索的教程
2015/04/23 Python
python删除列表内容
2015/08/04 Python
python调用摄像头显示图像的实例
2018/08/03 Python
python 接收处理外带的参数方法
2018/12/03 Python
Python Django Vue 项目创建过程详解
2019/07/29 Python
ubuntu16.04升级Python3.5到Python3.7的方法步骤
2020/08/20 Python
CSS3 实现的火焰动画
2020/12/07 HTML / CSS
Marlies Dekkers内衣美国官方网上商店:高端内衣品牌
2018/11/12 全球购物
Stührling手表官方网站:男女高品质时尚手表的领先零售商
2021/01/07 全球购物
教育学专业实习生的自我鉴定
2013/11/26 职场文书
人事档案接收函
2014/01/12 职场文书
市场营销专业自荐书
2014/06/10 职场文书
韩语专业职业生涯规划范文:成功之路就在我们脚下
2014/09/11 职场文书
2016年寒假社会实践活动总结
2015/10/10 职场文书