2011-10-22 32 views
0

這是推動我瘋了,我有可以完美兼容FX代碼。 Morph在1.2.x中的所有值也在1.1中工作,但邊界顏色或邊界根本不起作用並且拋出NaNpx錯誤。MooTools的1.1/1.2邊框或邊框顏色/套NaNpx錯誤

 var fx = new Fx.Styles(element,{ duration:500,wait:false }); 
      element.addEvents({ 
       'mouseenter': function() { fx.start({ 
       'background-color':'#ff8c00', 
       'border-color':'1px solid #cccccc' 
      }); 

我檢查和getStyle(「邊界」)在哞1.1返回1像素固體#fffff 但邊框顏色回報4X #FFFFFF每個邊界我想,我應該怎樣聲明這個正確的,每個邊界,邊框寬度,邊框樣式, 我已經嘗試了以上所有內容,並且所有這些都會出現錯誤。大多數情況下NaNpx

這裏的jsfiddle http://jsfiddle.net/b44Wp/8/

當你從1.1.2到1.2.5改變風格切換變身,現在對例如即使1.2.5 trowing相同的錯誤,但它顯示了黑色邊框。

由於soosn我使用邊框IE7不會在所有的工作,背景色工作正常。我很抱歉,但我必須支持多種瀏覽器,包括我們的「最好的朋友」

如果你知道更好的解決辦法,簡單地轉換在另一個DIV類,並保持相同的視覺效果,請請告知。謝謝!!

+0

沒有人?請給它拍 – Benn

回答

0

你應該把 '邊框顏色' 作爲財產;)http://jsfiddle.net/xDWZr/

var myelement = $$('.mydiv'); 

myelement .each(function(myelement) { 
    var fx = new Fx.Styles(myelement ,{ duration:500,wait:false}); 
     myelement.addEvents({ 
      'mouseenter': function() { fx.start({ 
      'background-color':'#ff8c00', 
      'border-color':'#000000' 
     }); 
}, 
      'mouseleave': function() { fx.start({ 
      'background-color':'#ffffff', 
      'border-color':'#CCCCCC' 
     }); 
    } 
    }); 
}); 

但...ü也應該更新到新版本的mootools(現在是1.4.1);)

+0

也嘗試過,如上所述,它會產生相同的錯誤,請在您設置的示例中查看您的控制檯。該錯誤在IE7中出現問題,解決方案是爲moo 1.1'border-color':['F9F9F9','cccccc']它需要結束並開始 – Benn

+0

哦,對,你不更新版本? ;) – stecb

+0

它也應該工作,如果你在CSS –

0

對於哞1.1「邊框顏色」的解決方案:「F9F9F9」,「CCCCCC」]所有其他哞版本可以使用邊界:「1px的固體#CCCCCC」