Javascript mootools中背景颜色的变化问题

我有以下css类：

.info {
    padding-left: 15px;
    padding-bottom: 20px;
    display: block;}
.info_edit {
    background-color: #F2F2F2;
    padding-left: 15px;
    display: block;
    border-bottom: 1px solid #E9E9E9;
 }
.info_wait {
  padding-left: 15px;
padding-bottom: 20px;
display: block; 
background:url(../js/Assets/fbloader.gif) center center no-repeat #fff;
  }

我正在使用以下代码更改背景颜色和样式：

function emailEdit() {
    var request = new Request({
        url: '${email_edit}',
        onRequest: function() {
            $('email').set('html','');
            $('email').removeClass('info_edit');
            $('email').addClass('info_wait');
        },
        onSuccess: function(response) {
            $('email').removeClass('info_wait');
            $('email').addClass('info');
            $('email').set('html', response);
                    var myFx = new Fx.Tween('email', {
                        duration: 500,
                        transition: Fx.Transitions.Sine.easeInOut
                    });
                    myFx.start('background-color','#F2F2F2')
                        .chain(function(){
                            myFx.start('background-color','#FFFFFF');
                        }).chain(function(){
                            myFx.start('background-color','#F2F2F2');
                        }).chain(function(){
                            myFx.start('background-color','#FFFFFF');
                        }); 
        }
    }).send();
}

$('email').removeClass('info');
$('email').addClass('info_edit');

为了吸引用户的注意，我添加了动画，但现在如果我使用以下代码更改“email”元素的类，会发生什么：

function emailEdit() {
    var request = new Request({
        url: '${email_edit}',
        onRequest: function() {
            $('email').set('html','');
            $('email').removeClass('info_edit');
            $('email').addClass('info_wait');
        },
        onSuccess: function(response) {
            $('email').removeClass('info_wait');
            $('email').addClass('info');
            $('email').set('html', response);
                    var myFx = new Fx.Tween('email', {
                        duration: 500,
                        transition: Fx.Transitions.Sine.easeInOut
                    });
                    myFx.start('background-color','#F2F2F2')
                        .chain(function(){
                            myFx.start('background-color','#FFFFFF');
                        }).chain(function(){
                            myFx.start('background-color','#F2F2F2');
                        }).chain(function(){
                            myFx.start('background-color','#FFFFFF');
                        }); 
        }
    }).send();
}

$('email').removeClass('info');
$('email').addClass('info_edit');

背景色保持不变，即：<代码>#FFFFFF，但当您呼叫时，“info_edit”类的背景色为“#F2F2F2”

：

myFx.start('background-color','#FFFFFF');

MooTools正在处理该元素的内联样式。这种类型的样式将覆盖类中声明的任何样式（即使在应用内联样式后添加了该类）。在检查元素时，您可以使用Firebug或类似工具的“样式”选项卡看到这一点

要解决这个问题，您可以将

背景色设置为
null
或
'
以明确删除
背景色的内联样式：

$('email').removeClass('info');
$('email').setStyle("background-color", ''); // <-- Remove inline style
$('email').addClass('info_edit');

$（'email'）.removeClass（'info'）；
$（'email'）.setStyle（“背景色“，”）；// 当你打电话时：

myFx.start('background-color','#FFFFFF');

MooTools正在处理该元素的内联样式。这种类型的样式将覆盖类中声明的任何样式（即使在应用内联样式后添加了该类）。在检查元素时，您可以使用Firebug或类似工具的“样式”选项卡看到这一点

要解决这个问题，您可以将
背景色设置为
null
或
'
以明确删除
背景色的内联样式：

$('email').removeClass('info');
$('email').setStyle("background-color", ''); // <-- Remove inline style
$('email').addClass('info_edit');

$（'email'）.removeClass（'info'）；
$（'email'）.setStyle（“背景色“，”）；//颜色编码已经显示了一个错误：您错过了一个带有以下行的报价
$（'email'）。addClass（'info'）如果有更多错误，您是否与FireBug进行了检查？另外，我建议您将
$（'email'）
放在一个变量中？这样，如果元素发生更改，您就不必更改它6次，它也不会调用
$（）
函数6次。这是一个输入错误，在我的代码中，firebug不会显示错误。颜色编码已经显示了一个错误：您错过了这一行的引号
$（'email'）。addClass（'info'）如果有更多错误，您是否与FireBug进行了检查？另外，我建议您将
$（'email'）
放在一个变量中？这样，如果元素发生更改，您就不必更改它6次，它也不会调用
$（）
函数6次。这是一个输入错误，在我的代码中firebug不会显示错误。myFx.start（'background-color'，''）；不起作用，但myFx.start（'background-color'，null）；做谢谢.myFx.start（'background-color'，''）；不起作用，但myFx.start（'background-color'，null）；做谢谢