2010/07/15

JQuery:RoundCorners與Dialog的衝突解決

JQuery圓角元件之一的RoundCorners對眾多瀏覽器的支援度很高,但和Dialog放在一起就會有問題。所以我記錄一下JQuery圓角元件RoundCorners與Dialog發生程式衝突的解決方法。





  RoundCorners:http://roundcorners.avinoam.info/

  單獨使用RoundCorners或Dialog時並不會有問題,但是當兩個放在一起就會出現錯誤,導致Dialog無法使用,並且錯誤將會指向jquery-ui.custom.min.js,但是這個是官方檔案,因此絕對不可能去修改它,於是我轉向查看RoundCorners的兩個js檔案:excanvas.js和roundCorners.jQuery.js。



  經過交叉測試,發現問題在roundCorners.jQuery.js,只要不加入這個檔案就不會有這個問題,要解決這個問題,就是修改roundCorners.jQuery.js中三行程式:

1、修改$.fn.canvas = function()的canvas名稱,例如修改為$.fn.canvas_t = function()

2、修改$.fn.getCanvas = function()中的$(el).canvas();為$(el).canvas_t();

3、修改$.fn.bg = function(radius, gradient, specialStyle)中的$el.canvas();為$el.canvas_t();

沒有留言:

張貼留言