如何将Mootools代码转换为向下滑动的jQuery代码，然后滚动到#current

Question

我想知道有类型的API像onStart和onComplete从Mootools，这让我好奇我从哪里得到这些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代码，但有时它失败了，我浪费了我的时间，我需要一个帮助这里…

提前感谢!

Answer 1

jQuery动画不像在mootools中那样作为对象创建，而只是在元素上调用的方法。这里没有onstart事件——你只需在调用动画方法之前调用任何onstart代码即可。jquery中oncomplete的对应函数是动画方法的回调参数。当动画完成时，回调函数被调用。

$(function() {
    $("#toggle_content").click(function (e) {
        var toggle_content = this;
        $("#hello_content").slideToggle(1000, function () {
            if ($(this).height() > 0) {
                toggleContent.scrollIntoView();
            }
        });
    });
    $("#hello_content").hide();
});