如何仅在第一个完全完成后才运行一个 Jquery 函数？

Question

所以我使用了一个切换按钮，其中一个菜单在侧面切换。它从左侧滑入和滑出。我也在使用引导程序，因此它占用了一行 12 个部分中的 2 个，另一个 div（我将其称为 div x）占用了另外 10 个。当按下按钮时，我也在切换 div 的类x 以便在关闭菜单时占用整个网格空间。问题是它在动画完成之前更改了网格大小，这使其进入页面底部，然后返回顶部。我希望在切换菜单后完成 div x 的切换。我已经尝试将它移动到函数的不同部分，甚至创建一个在之后调用的不同函数，但出现了同样的问题。这是我所拥有的：

$('#toggle,.contents').click(function() {
  if ($('#toggle').is(':visible')) {
      $('#moduleList').toggle('slide', {
        direction: 'left'
      }, 1000);

   }else {
    $('#moduleList').toggle('slide', {
      direction: 'left'
    }, 1000, function() {
    });
  }


    $('#toggler').toggleClass('col-md-12 col-md-10');
});

提前感谢您的帮助！

Answer 1

将$('#toggler').toggleClass('col-md-12 col-md-10'); 放在您的空函数中。动画完成后，应按照@Rajesh 提到的链接调用该函数。