使用 append() 后 JQuery 不工作答案

【问题标题】：JQuery not working after using append()使用 append() 后 JQuery 不工作
【发布时间】：2015-06-09 17:31:41
【问题描述】：

我有一个具有 .append() 功能的按钮。所以每次我点击那个按钮时，它都会向 body 添加 1 个新的 DIV 元素。

但是 DIV 元素有 fadeIn() 函数。这意味着每次我添加一个新的 DIV 元素时，它应该会慢慢淡入，但不会。

<button id="btn1">CLICK</button>
<div class="box"></div>

HERE IS THE DEMO

我在这里发现了一些类似的问题，但它们都没有真正帮助我，所以如果有人给我一个体面的解决方案，我会非常高兴。

【问题讨论】：

请在此处发布代码，而不仅仅是链接到外部网站。
问题是您在 html 存在之前附加淡入淡出。所以在 jquery 中，当你添加新的 html 时，它没有附加淡入淡出。 jquery 文档显示了正确的用法：api.jquery.com/fadein
啊，很高兴知道，谢谢。我通常如何添加元素并将它们附加到功能上？如果我知道这一点，我的问题就迎刃而解了。

标签： javascript jquery delegates append live

【解决方案1】：

你可以试试这样的

$('#btn1').on('click',function(){
    $("body").append(
        $(document.createElement('div'))
            .addClass('box')
            .fadeIn(3000)
    );
});

小提琴演示here

【讨论】：