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 相关文章推荐
innerText和textContent对比及使用介绍
Feb 27 Javascript
JS 去除Array中的null值示例代码
Nov 20 Javascript
JavaScript框架是什么?怎样才能叫做框架?
Jul 01 Javascript
基于javascript制作微信聊天面板
Aug 09 Javascript
JavaScript设计模式开发中组合模式的使用教程
May 18 Javascript
jQuery自定义图片缩放拖拽插件imageQ实现方法(附demo源码下载)
May 27 Javascript
全面解析多种Bootstrap图片轮播效果
May 27 Javascript
bootstrap模态框嵌套、tabindex属性、去除阴影的示例代码
Oct 17 Javascript
Javascript实现购物车功能的详细代码
May 08 Javascript
jQuery中的类名选择器(.class)用法简单示例
May 14 jQuery
浅谈Node 异步IO和事件循环
May 05 Javascript
vue 导航守卫和axios拦截器有哪些区别
Dec 19 Vue.js
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
header()函数使用说明
2006/11/23 PHP
apache rewrite_module模块使用教程
2008/01/10 PHP
PHP及Zend Engine的线程安全模型分析
2011/11/10 PHP
PHP判断一个字符串是否是回文字符串的方法
2015/03/23 PHP
php异常处理方法实例汇总
2015/06/24 PHP
详解PHP的Yii框架中组件行为的属性注入和方法注入
2016/03/18 PHP
php中使用websocket详解
2016/09/23 PHP
PHP批量获取网页中所有固定种子链接的方法
2016/11/18 PHP
yii2中dropDownList实现二级和三级联动写法
2017/04/26 PHP
Jquery拖拽并简单保存的实现代码
2010/11/28 Javascript
jQuery1.6 使用方法二
2011/11/23 Javascript
Jquery利用mouseenter和mouseleave实现鼠标经过弹出层且可以点击
2014/02/12 Javascript
javascript与有限状态机详解
2014/05/08 Javascript
使用jquery实现放大镜效果
2014/09/02 Javascript
JavaScript基本语法讲解
2015/06/03 Javascript
jquery实现像栅栏一样左右滑出式二级菜单效果代码
2015/08/24 Javascript
Jquery uploadify上传插件使用详解
2016/01/13 Javascript
原生js封装的一些jquery方法(详解)
2016/09/20 Javascript
Node.js 使用axios读写influxDB的方法示例
2018/10/26 Javascript
JavaScript学习教程之cookie与webstorage
2019/06/23 Javascript
vue路由传参三种基本方式详解
2019/12/09 Javascript
Python中字符串的修改及传参详解
2016/11/30 Python
查找python项目依赖并生成requirements.txt的方法
2018/07/10 Python
python读取并写入mat文件的方法
2019/07/12 Python
windows10环境下用anaconda和VScode配置的图文教程
2020/03/30 Python
python中的socket实现ftp客户端和服务器收发文件及md5加密文件
2020/04/01 Python
python实现批量命名照片
2020/06/18 Python
eBay意大利购物网站:eBay.it
2019/09/04 全球购物
高一物理教学反思
2014/01/24 职场文书
养成教育经验材料
2014/05/26 职场文书
老龄工作先进事迹
2014/08/15 职场文书
租车协议书范本2014
2014/11/17 职场文书
2016三八妇女节慰问信
2015/11/30 职场文书
承诺书的内容有哪些,怎么写?
2019/06/21 职场文书
pandas取dataframe特定行列的实现方法
2021/05/24 Python