使用Classie.js回调

Question

我正在使用Classie.JS创建一个lideover menu demonstrated on Codrops。

我正在使用的部分代码如下。我想实现一个回调，这样只有在切换完成后才会出现这个函数的最后两行（它是动画的）。谢谢！

showLeftOpen.onclick = function() {
    classie.toggle( this, 'active' );
    classie.toggle( menuLeft, 'cbp-spmenu-open' );
    disableOther( 'showLeft' );
    $('#showLeftOpen').hide();
    $('#showLeftClose').show();
};

Answer 1

try / finally对我不起作用，所以我只使用了setTimeout（）函数来实现所需的效果：

showLeftOpen.onclick = function() {
    classie.toggle( this, 'active' );
    classie.toggle( menuLeft, 'cbp-spmenu-open' );
    disableOther( 'showLeft' );
    setTimeout(function(){
              $('#showLeftOpen').hide();
              $('#showLeftClose').show();
    },200);
};

Answer 2

showLeftOpen.onclick = function() {
    try {
        classie.toggle( this, 'active' );
        classie.toggle( menuLeft, 'cbp-spmenu-open' );
        disableOther( 'showLeft' );
    } finally {
        $('#showLeftOpen').hide();
        $('#showLeftClose').show();
    }
};