Question

所以我使用jQuery从元素中删除一个类，但它会立即执行。我想要的是让课程顺利淡出，而不是那么苛刻。

这是我尝试的代码，它根本没有消失：

    $(function() {
$( "a.engine" ).click(function() {
  $( "img.bg" ).removeClass( "intro_effects", 1000 );
  });
});

有关如何淡出淡出的任何提示？

非常感谢！

* 这里是网站

http://dev.mediaslave.ca/illustraflex/

再次感谢！

Answer 1

当您更改类时，此CSS应该为属性设置动画，您可以使用转换持续时间属性来控制它。

img.bg {
    transition-property: all;
    transition-duration: 1s;
}

Answer 2

您需要使用.animate更改css属性，然后在动画完成时使用.removeClass。

Answer 3

$("a.engine").click(function() {
    $("img.bg").fadeOut( "slow", function() {
        // Animation complete 
    });
});

Answer 4

jQuery UI允许您使用其removeClass执行该操作：http://jqueryui.com/removeClass/

Answer 5

请尝试使用removeClass，而不是使用fadeOut。这样的事情对你有用：

$(function() {
  $( "a.engine" ).click(function() {
    $( "img.bg" ).fadeOut();
  });
});

Answer 6

类不是具有转换的属性。他们要么已经开启，要么已经关闭。因此，如果你想要淡出并删除类，你只需要两个不同的命令......就像这样：

$(function() {
    $("a.engine").click(function(){
        $("img.bg").fadeOut(1000, function(){$(this).removeClass("intro_effects", 1000)});
    });
});

在此处查看此操作： http://jsfiddle.net/Y92qu/1/

删除课程，但慢慢？

6 个答案: