编程 Javascript

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程序设计有所帮助。

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

- Author -

ISaiSai

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

双击滚屏-常用推荐

Nov 29 Javascript

jQuery的animate函数实现图文切换动画效果

May 03 Javascript

JS实现网页每隔3秒弹出一次对话框的方法

Nov 09 Javascript

JavaScript控制浏览器全屏及各种浏览器全屏模式的方法、属性和事件

Dec 20 Javascript

jquery easyui DataGrid简单示例

Jan 23 Javascript

拖动时防止选中

Feb 03 Javascript

微信小程序开发之入门实例教程篇

Mar 07 Javascript

JS中type="button"和type="submit"的区别

Jul 04 Javascript

node.js 模块和其下载资源的镜像设置的方法

Sep 06 Javascript

vuex实现数据状态持久化

Nov 11 Javascript

VUE实现Studio管理后台之鼠标拖放改变窗口大小

Mar 04 Javascript

详解TS数字分隔符和更严格的类属性检查

May 06 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