Javascript 为什么我的mootools幻灯片实例阻止代码和幻灯片被执行？

我正在尝试在RTE上使用mootools实现一个简单的

slideIn（）

。 当RTE区域悬停（

mouseenter

）时，它应该滑入，并显示一些额外的选项，用于编写我希望在此区域提供的条目。请参阅下面的链接，应该是不言自明的

所以我的问题是，当我尝试创建一个

Fx.Slide

实例时，代码没有被执行。 我用

show

方法进行了尝试，效果很好

下面是我的工作代码，不工作的部分被注释掉

同样，我希望在触发

mouseenter

事件时滑入

buttonbar

元素。这适用于

show

，但不适用于幻灯片实例

如果有人能给我指出正确的方向，我会很高兴的

如果有任何进一步的问题，请评论，我会提供进一步的信息，如果需要的话

只要，

---

利诺好吧，我刚刚意识到我做错了什么。就是这个小东西：

wrap.grab(buttonbar.hide());

这是垃圾，因为

buttonbar

不在DOM中。必须将其拆分为：

wrap.grab(buttonbar);
buttonbar.slide('hide');

之后，只需对事件设置进行一些更改：

editor.addEvents({
    'click': function(ev) {
        ev.stop();
        buttonbar.show();
    },
    'mouseenter': function(ev) {
        ev.stop();
        this.addClass('mark');
        buttonbar.show();
        //this.slideIn();
    },
    'mouseleave': function(ev) {
        ev.stop();
        //buttonbar.hide();
        this.removeClass('mark');
    }
});

为此：

editor.addEvents({
    'click': function(ev) {
        ev.stop();
        buttonbar.slide('toggle');
    },
    'mouseenter': function(ev) {
        ev.stop();
        this.addClass('mark');
        buttonbar.slide('in');
    },
    'mouseleave': function(ev) {
        ev.stop();
        this.removeClass('mark');
        buttonbar.slide('out');
    }
});

现在我的幻灯片滑得像地狱：）） 这里有一个链接