Mootools 1.1 / 1.2 рамка или цвет рамки в FX. Стили не могут изменить / установить ошибку NaNpx

Question

Это сводит меня с ума, у меня есть код, который отлично работает с FX.Morph в 1.2.x все значения также работают в 1.1, но border-color или border просто не работают и выдают ошибку 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 ('border') в moo 1.1 возвращает 1px solid #fffff, но border-color возвращает 4x #ffffff для каждой границы, я думаю, так как я должен объявить это правильно, каждую границу, border-width, border-style, я перепробовал все вышеперечисленное и все они trow error.В большинстве случаев NaNpx

Вот JSfiddle http://jsfiddle.net/b44Wp/8/

, когда вы переключаетесь с 1.1.2 на 1.2.5, меняете стили на Morph, и теперь в этом примере даже 1.2.5 работает одинаковоошибка, но она показывает черную рамку.

Как только я использую границу, IE7 вообще не работает, цвет фона работает нормально.Извините, но я должен поддерживать несколько браузеров, включая нашего "лучшего друга"

Если вы знаете лучшее решение, которое будет просто переводить другой класс div и сохранять тот же визуальный эффект, пожалуйста, сообщите.Спасибо !!

Answer 1

решение для moo 1.1 'border-color': ['F9F9F9', 'cccccc'] во всех других версиях moo можно использовать border: '1px solid # cccccc'

Answer 2

Вы должны поставить 'border-color' как свойство;) 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);)