-1

Mootools のonStartやonCompleteのような API の種類があるのだろうかと思っていましたが、jQuery 用のこれらの API をどこで入手できるのか興味があります... スクリプトの例があります:

var slidez = null;
function closeOpen(ref) {
    //return
    if (ref != slidez && slidez.wrapper.offsetHeight > 0) {
        slidez.slideOut();
    }
}

window.addEvent('domready', function() {
    slidez = new Fx.Slide('hello_content', {
        duration: 1000,
        onStart: function(request) {
            if (this.wrapper.offsetHeight == 0) {
                closeOpen(slidez);
            }
        },
        onComplete: function(request) {
            if (this.wrapper.offsetHeight > 0) {
                new Fx.Scroll(window).toElement($('toggle_content'));
            }
        }
    });

    $('toggle_content').addEvent('click', function(e) {
        e = new Event(e);
        slidez.toggle();
        e.stop();
    });
    slidez.hide();
});

私はそれをjQueryコードに変換しようとしましたが、時々失敗し、時間を無駄にしました。ここで助けが必要でした...

前もって感謝します！

4

1 に答える 1

1

jQuery アニメーションは、mootools のようにオブジェクトとして作成されるのではなく、要素に対して呼び出される単なるメソッドです。onstart イベントはありません。アニメーション メソッドを呼び出す前に、onstart コードを呼び出すだけです。oncomplete に相当する jquery は、アニメーション メソッドへのコールバック引数です。アニメーションが完了すると、コールバックが呼び出されます。

$(function() {
    $("#toggle_content").click(function (e) {
        var toggle_content = this;
        $("#hello_content").slideToggle(1000, function () {
            if ($(this).height() > 0) {
                toggleContent.scrollIntoView();
            }
        });
    });
    $("#hello_content").hide();
});
于 2011-10-17T18:50:03.937 に答える