jQuery FadeIn 多次

Question

所以我写了下面的代码:

$('.frame').each(function(){
    $(this).click(function(e){
        var id = $(this).attr('id');
        e.preventDefault();
        $('.active').removeClass('active').fadeOut(800).queue(function(){
            $('#box'+id).addClass('active').fadeIn(800);
        });
    });
});

因此，无论何时单击具有框架类的按钮，它都会获得相应的框并将其淡入……至少在理论上是这样。它第一次适用于每个盒子，所以我可以点击一次通过所有盒子，它们都会正确淡入。但是每当我想淡入一个时，我之前已经淡入了(即使我之前点击了所有其他的)，它也不会再淡入。它仍然添加事件类，正确地淡出另一个并删除它的事件类，但它没有淡入。

好像这还不够奇怪，代码很快就停止工作了，因为我引发了上述错误。所以说，一旦我第二次尝试淡入一个对象但它不会，我就不能再淡入另一个对象，它甚至不再添加事件类(但仍然删除旧的!)

希望你能帮到你。

Answer 1

$('.frame').click(function(e) {
    var id = $(this).attr('id');
    e.preventDefault();
    $('.active').removeClass('active').fadeOut(800, function() {
        $('#box' + id).addClass('active').fadeIn(800);
    });
});

如果这不起作用，请提供您的 HTML 或 fiddle请。