jQuery插件版本沖突的處理方法分析

更新時(shí)間：2017年01月16日 11:23:03 作者：ISaiSai

這篇文章主要介紹了jQuery插件版本沖突的處理方法,結(jié)合具體實(shí)例形式分析了jQuery基于noConflict方法解決版本沖突的處理技巧,需要的朋友可以參考下

本文實(shí)例分析了jQuery插件版本沖突的處理方法。分享給大家供大家參考，具體如下：

jQuery 的某個(gè)插件當(dāng)有多個(gè)版本同時(shí)可能會(huì)有沖突，導(dǎo)致代碼錯(cuò)誤

參考typeahead的處理方法，可以在插件中增加noconflict 方法來(lái)解決這個(gè)問(wèn)題(在進(jìn)入版本的時(shí)候講老版本保存，退出的時(shí)候還原老版本)

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>

更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專(zhuān)題：《jQuery常用插件及用法總結(jié)》、《jQuery擴(kuò)展技巧總結(jié)》、《jQuery切換特效與技巧總結(jié)》、《jQuery遍歷算法與技巧總結(jié)》、《jQuery常見(jiàn)經(jīng)典特效匯總》、《jQuery動(dòng)畫(huà)與特效用法總結(jié)》及《jquery選擇器用法總結(jié)》

希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

基于jQuery捕獲超鏈接事件進(jìn)行局部刷新代碼
使用Google的UI的時(shí)候，在當(dāng)前頁(yè)面打開(kāi)一個(gè)超鏈接，網(wǎng)頁(yè)會(huì)根據(jù)需要進(jìn)行局部刷新，而不是替換整個(gè)頁(yè)面。當(dāng)用戶選擇新窗口打開(kāi)超鏈接的時(shí)候，超鏈接仍然可以到達(dá)預(yù)想的頁(yè)面
2012-05-05
jQuery實(shí)現(xiàn)的form轉(zhuǎn)json經(jīng)典示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的form轉(zhuǎn)json功能,結(jié)合完整實(shí)例形式分析了jQuery將form表單數(shù)據(jù)封裝成json傳輸?shù)木唧w步驟與相關(guān)操作技巧,需要的朋友可以參考下
2017-10-10
jquery插件ajaxupload實(shí)現(xiàn)文件上傳操作
這篇文章主要為大家詳細(xì)介紹了jquery插件ajaxupload實(shí)現(xiàn)文件上傳操作，感興趣的小伙伴們可以參考一下
2015-12-12
jQuery EasyUI API 中文文檔 - Calendar日歷使用
jQuery EasyUI API 中文文檔 - Calendar日歷使用，需要的朋友可以參考下。
2011-10-10
jQuery 全選全不選事件綁定的實(shí)現(xiàn)代碼
本文給大家分享一段代碼基于jQuery 全選全不選事件綁定的實(shí)現(xiàn)方法，代碼簡(jiǎn)單易懂，非常不錯(cuò)，需要的朋友參考下
2017-01-01
jQuery實(shí)現(xiàn)頁(yè)面倒計(jì)時(shí)并刷新效果
頁(yè)面倒計(jì)時(shí)小編在很多網(wǎng)站都有這樣的需求，今天小編給大家分享一段jq代碼實(shí)現(xiàn)頁(yè)面倒計(jì)時(shí)并刷新效果，代碼簡(jiǎn)單易懂，非常不錯(cuò)，需要的的朋友參考下
2017-03-03
jQuery實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)事件的延時(shí)處理效果
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)事件的延時(shí)處理效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2015-10-10
jQuery利用FormData上傳文件實(shí)現(xiàn)批量上傳
這篇文章主要為大家詳細(xì)介紹了jQuery利用FormData上傳文件實(shí)現(xiàn)批量上傳功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-12-12
基于EasyUI的基礎(chǔ)之上實(shí)現(xiàn)樹(shù)形功能菜單
這篇文章主要介紹了基于EasyUI的基礎(chǔ)之上實(shí)現(xiàn)樹(shù)形功能菜單,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2017-06-06
jQuery Easyui datagrid/treegrid 清空數(shù)據(jù)
這篇文章主要介紹了jQuery Easyui datagrid/treegrid 清空數(shù)據(jù)的相關(guān)資料
2016-07-07