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/

Answer 1

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

更改HTML内容后对DIV进行动画处理

1 个答案: