Question

我有一个函数 - 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");
    }
}

Answer 1

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

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

这有帮助吗？

jQuery回调函数

1 个答案: