jquery - 持续时间不工作的 removeClass(myclass)

Question

这是我运行缓慢的代码

if ($('body').hasClass('myclass')) {
  $('body').removeClass("myclass", "slow");

} else {
  $("body").addClass('myclass');
}

侧边栏菜单显示和隐藏的代码，显示流畅但关闭很快，关闭慢怎么办？

注意: 这个 css 可以工作，但在这种情况下不能应用。需要 jquery 方法。

transition-duration:1s;

任何帮助将不胜感激...

Answer 1

你需要Jquery UI实现这一目标。 Jquery UI 扩展了 Jquery 的 removeClass，增加了速度和动画。例如，您可以应用“easeInBack”缓动。

$('body').removeClass('myclass', 'easeInBack');

您可以在 Jquery-UI 文档中找到有关删除类的完整文档:http://api.jqueryui.com/removeclass/

稍后添加:

Jquery 方式

如果您从未使用过 Jquery UI 或/并且不希望使用它，您可以使用下面的代码实现此目的。但是 body 的末尾会有 display:none; 。我认为您在代码中使用 body 来解决更简单的问题。我不知道你实际上是如何使用这些东西的，但这段代码会帮助你捕获主要思想。

$('.menu').fadeOut('slow', function(){
    $('.menu').removeClass('myclass');
});