Javascript Mootools 1.4.5变形类不工作

我已经尝试了我能想到的一切，但似乎没有任何效果。我只是尝试做一个简单的类变形，但类没有改变，我不知道为什么。似乎没有任何错误，或者至少据我所知。这是我的密码

<div class="blue" id="bkg_color"></div>

<script language="javascript" type="text/javascript">
    window.addEvent('domready', function() {
        var en = new colorSwitcher();
    });

    var colorSwitcher= new Class({
        options: {
            author: 'Michael',
            version: '1.0',
            lastUpdate: '2014-04-22'
        },

        Implements: [Options,Events],
        initialize: function(options) {
            //Set main variables
            this.setOptions(options);

            //Get main objects
            this.bkgColor = $('bkg_color');

            //Run events
            this.setupActions();
        },

        setupActions: function() {
            $('bkg_color').morph('.green');    //doesnt work
            //this.bkgColor.morph('.green');   //doesnt work
            console.log(this.bkgColor);
        }
    });
</script>

这两个类只是更改背景颜色。我可以告诉setupActions工作并被调用，因为控制台中会显示有关this.bkgColor的信息

---

测试是在最新版本的Firefox和Chrome上进行的，没有结果。

对我来说很好。你能发布更多的代码吗？您的CSS中可能缺少某些内容@Sergio这几乎就是javascript的全部内容，css实际上是背景色：绿色，背景色：蓝色。我一直在做各种各样的测试，但我就是不能让它工作。我一直在用一些JSFIDLE进行测试，有时我可以让它工作，但不总是这样。你是不是我的小提琴和你的代码一样？如果没有，你能添加其中缺少的代码吗？@Sergio我想我可能发现了问题。.blue和.green的样式设置不在基础级别，样式嵌套在更高的级别。例如，body.box.blue而不是just.blueWell，因为blue不应该对check fiddle产生影响，但是对于green，如果你正在变形到那个类，它应该被隔离。无论如何，您可以在选项中传递元素，这样您的类会更灵活，也许有更好的方法：