jQuery回调函数

时间:2013-02-08 13:32:46

标签: javascript jquery callback

我有一个函数 - vertToggle() - 用于切换元素以在屏幕上上下滑动。我想创建一系列事件,将元素滑离屏幕,更改其中的内容,然后将其滑回。然而,它们需要一个接一个地被触发,而不是同时被触发,所以它们需要被设置为彼此的回调。

当前的非工作设置是:

vertToggle( '-' );
$(".content").hide()
$("#"+load).show();
vertToggle( '+' );

但是我没有理解必要的回调函数语法来正确地进行这些触发,即执行vertToggle(),完成后执行hide/show,然后在完成这些操作时执行第二次vertToggle()

感谢您的任何指示。

编辑:根据要求,这是vertToggle函数,不确定它是否相关.. $ overlay是动画元素:

function vertToggle( offset ) {
    var height = $overlay.outerHeight();
    var props = {};
    var distance = ( offset == '-' ) ? height : 0 ;
    props["bottom"] = offset+distance+'px';

    if( !Modernizr.csstransitions ) {
        $overlay.animate(props, 750);
        $overlay.toggleClass("open");
    }
    else {
        $overlay.css(props);
        $overlay.toggleClass("open");
    }
}

1 个答案:

答案 0 :(得分:0)

如果您使用.slideToggle(),则可以添加函数作为回调。

$("something").click(function(){
 $("somethingelse").slideToggle(function(){
   CallbackFunction()
 })
});

这有帮助吗?