質問

Mootools 1.4でFX.REVEALを使用して、メッセージDIVのシンプルなショー/非表示の移行を実行しようとしています。効果は初めて機能しますが、後続のクリックでは機能しません。

私がどこで間違っているのかについてのヒントはありますか?

http://jsfiddle.net/mygh6/1/

var mytween = new Fx.Reveal(document.getElementById('mydiv'), {duration: 2500});

$('myclick').addEvent('click', function(){
    mymessage();
});

function mymessage(){
    var mymessage = document.getElementById('mydiv');

    mymessage.set('html','YO!');

    mytween.reveal();
    mytween.dissolve();
}
役に立ちましたか?

解決

var mytween = new Fx.Reveal(document.getElementById('mydiv'), {
    duration: 1000,
    onComplete:function(){
        this.element.dissolve();
    }
});

$('myclick').addEvent('click', function(){
    mymessage();
});

function mymessage(){
    var mymessage = document.getElementById('mydiv');

    mymessage.set('html','YO!');

    mytween.reveal();
}

他のヒント

FX.Revealを使用して指定したように、それが最良の答えではないことは知っていますが、Winkコマンドを使用しますhttp://mootools.net/docs/more/fx/fx.reveal#element:wink

ここみたいに: http://jsfiddle.net/zalun/mygh6/5/

var msg = document.getElementById('mydiv').hide();
$('myclick').addEvent('click', function() {
    msg.wink();
});

以前と同じように、関数内のメッセージを確実に指定できます。

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top