1. 程式人生 > >jquery 外掛版本衝突處理

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>