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 相关文章推荐
基于jquery的表格排序
Sep 11 Javascript
图片img的src不变让浏览器重新加载实现方法
Mar 29 Javascript
JQuery页面的表格数据的增加与分页的实现
Dec 10 Javascript
js左右弹性滚动对联广告代码分享
Feb 19 Javascript
jQuery实现倒计时按钮功能代码分享
Sep 03 Javascript
基于jQuery实现带动画效果超炫酷的弹出对话框(附源码下载)
Feb 22 Javascript
AngularJS验证信息框架的封装插件用法【w5cValidator扩展插件】
Nov 03 Javascript
详解Vue-cli 创建的项目如何跨域请求
May 18 Javascript
浅谈React Native Flexbox布局(小结)
Jan 08 Javascript
微信小程序实现搜索指定景点周边美食、酒店
May 18 Javascript
vue data恢复初始化数据的实现方法
Oct 31 Javascript
javascript实现前端分页效果
Jun 24 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截取中文字符串的问题
2006/07/12 PHP
php实现编辑和保存文件的方法
2015/07/20 PHP
php实现的http请求封装示例
2016/11/08 PHP
php7 参数、整形及字符串处理机制修改实例分析
2020/05/25 PHP
jQuery中判断一个元素是否为另一个元素的子元素(或者其本身)
2012/03/21 Javascript
jQuery学习笔记 操作jQuery对象 文档处理
2012/09/19 Javascript
jquery日历控件实现方法分享
2014/03/07 Javascript
jquery获取tagName再进行判断
2014/05/29 Javascript
jQuery中outerWidth()方法用法实例
2015/01/19 Javascript
Vue.js 单页面多路由区域操作的实例详解
2017/07/17 Javascript
使用Node.js搭建静态资源服务详细教程
2017/08/02 Javascript
vue实现2048小游戏功能思路详解
2018/05/09 Javascript
vue.js template模板的使用(仿饿了么布局)
2018/08/13 Javascript
[10:54]Team Spirit vs Navi
2018/06/07 DOTA
[01:31:02]TNC vs VG 2019国际邀请赛淘汰赛 胜者组赛BO3 第一场
2019/08/22 DOTA
[02:58]魔廷新尊——痛苦女王至宝语音台词节选
2020/06/14 DOTA
Python help()函数用法详解
2014/03/11 Python
Python 字典(Dictionary)操作详解
2014/03/11 Python
python实现sublime3的less编译插件示例
2014/04/27 Python
Python中一些深不见底的“坑”
2019/06/12 Python
pyqt5 删除layout中的所有widget方法
2019/06/25 Python
python批量修改图片尺寸,并保存指定路径的实现方法
2019/07/04 Python
Python3.0 实现决策树算法的流程
2019/08/08 Python
基于python二叉树的构造和打印例子
2019/08/09 Python
Python 元组操作总结
2019/09/18 Python
Python跑循环时内存泄露的解决方法
2020/01/13 Python
八皇后问题,输出了所有情况,不过有些结果只是旋转了90度
2016/08/15 面试题
过滤器的用法
2013/10/08 面试题
程序员岗位职责
2013/11/11 职场文书
致跳高运动员广播稿
2014/01/13 职场文书
竞聘演讲稿怎么写
2014/08/28 职场文书
法定代表人授权委托书
2014/09/19 职场文书
教师师德表现自我评价
2015/03/05 职场文书
开业庆典嘉宾致辞
2015/08/01 职场文书
关于React Native使用axios进行网络请求的方法
2021/08/02 Javascript
MySQL中datetime时间字段的四舍五入操作
2021/10/05 MySQL