当颜色在CSS中特别设置时，Mootools拒绝元素子元素的颜色转换

Mootools tween colour transition rejected for element children when colour specifically set in CSS

本文关键字：元素 颜色 拒绝 Mootools 转换 设置 CSS      更新时间：2023-09-26

为了您的测试乐趣：http://jsfiddle.net/EnJSM/

请注意，如果要删除"color:#6CB5FF；"，转换将正常工作，而只适用于行的第二部分。

我很好奇这个解决方案的结果。

yes-tween是单个属性，它没有重载-尽管它应该接受单个参数（当前的目标值）或数组[value1，value2]-所以代码没有错。

你可以尝试使用变形：

$("element").addEvent("click", function() {
    this.morph({
        color: ["#A00000", "#99CCFF"]
    });
});

话虽如此，吐温在这里似乎也工作得很好。你说it's rejected,是什么意思？什么都没发生？你有外遇吗？在什么浏览器中？哪些mootools？css中有!important吗？这个问题太宽泛了，无法按原样回答。

如果你想让两个el都改变颜色，请使用这个：

$("element").set("tween", {
    onStart: function() {
        this.element.addClass("tweening");
    },
    onComplete: function() {
        this.element.removeClass("tweening");
    }

}).addEvent("click", function() {
    $("element").tween('color', ["#A00000", "#99CCFF"]);
});

其中

#element.tweening strong {
    color: inherit;
}

这将在设置动画时临时禁用样式。

相关文章：