javascript - 更改 HTML 内容后为 DIV 设置动画

Question

我试图在更改它的 HTML 内容后向 DIV 添加动画。我已经成功地更改了 div 的内容，但是在更改中添加动画是我的问题。

这是我尝试过的：

$('.tabs').on('click', 'div', function() {
    // Replace Div 
    $(this).toggleClass('active').siblings().removeClass('active');

    // Get the clicked div id
    var tab = $(this).attr('data-id');
    var tab_obj = $("#" + tab +"").html();

    // Replace loader div with the clicked div HTML content
    $("#loader").html(tab_obj).fadeIn(500);
});

这是我在 JSFiddle 上的代码的链接：http: //jsfiddle.net/c1nfx8jr/6/

标签： javascriptjqueryhtmlslider

Answer 1

只需在内容上添加一个类并为其设置动画。（默认：不显示，在 .active ... fadeIn() 上）