更改HTML内容后动态如何生成DIV?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (90)

在更改了DIV的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/

提问于
用户回答回答于

只需在内容上添加一个类并将其动画化。(默认情况:显示无,并在.Active.fadeIn()上显示)

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励