0

我正在尝试slideIn()在 RTE 上实现一个简单的 mootools。当 RTE 区域悬停时mouseenter（请看下面的链接，应该是不言自明的

所以我的问题是，当我尝试创建一个Fx.Slide实例时，代码没有被执行。我用这个show方法试了一下，效果很好。

这是我的工作代码的jsfiddle，不起作用的部分被注释掉。

同样，我想要的是在触发事件buttonbar时滑入元素。mouseenter这适用于幻灯片实例，show但不适用于幻灯片实例。

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

如果还有其他问题，请发表评论，如果需要，我会提供更多信息。

久违了，利诺

4

1 回答 1

0

好吧，我才意识到我做错了什么。就是这个小片段：

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');
    }
});

现在我的幻灯片像地狱一样滑动:)) 这里是小提琴的链接。

于 2012-12-27T15:30:07.753 回答