• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >JavaScript > jQuery插件版本冲突的处理方法分析

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

作者:ISaiSai 字体:[增加 减小] 来源:互联网 时间:2017-05-11

ISaiSai通过本文主要向大家介绍了jquery ui插件库,jquery插件库,jquery数据统计插件,jquery ajax插件,jquery插件视频教程等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

本文实例分析了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>
</div>

更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》、《jQuery切换特效与技巧总结》、《jQuery遍历算法与技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》

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

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • 写jQuery插件时的注意点
  • 快速掌握jQuery插件开发
  • jQuery插件扩展操作入门示例
  • jQuery插件版本冲突的处理方法分析
  • jQuery 插件实现随机自由弹跳气泡样式

相关文章

  • 2017-05-11简单实现js悬浮导航效果
  • 2018-01-07ES6学习(1)块级作用域与函数作用域
  • 2017-05-11Vue.js实战之通过监听滚动事件实现动态锚点
  • 2017-05-11JS对象是否拥有某属性如何判断
  • 2017-05-11jQuery轻松实现无缝轮播效果
  • 2017-05-11详解nodejs微信公众号开发——3.封装消息响应模块
  • 2017-05-11JavaScript使用delete删除数组元素用法示例【数组长度不变】
  • 2017-09-15canvas-api beginPath()和closePath()
  • 2017-05-11JavaScript验证知识整理
  • 2017-05-11node操作mysql数据库实例详解

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • js获取浏览器的各种属性
    • Bootstrap Scrollspy源码学习
    • jQuery解析返回的xml和json方法详解
    • JavaScript结合HTML DOM实现联动菜单
    • JavaScript瀑布流布局实现代码
    • html.replace is not a function
    • Vuex之理解state的用法实例
    • JS实现PC手机端和嵌入式滑动拼图验证码三种效果
    • 浅析JavaScript中var that=this
    • Web 开发中Ajax的Session 超时处理方法

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有