jquery 插件版本冲突处理

来源：互联网发布：仙剑奇侠传mac无文字编辑：程序博客网时间：2024/05/19 03:23

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>

0 0