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 に答える