使用append後JQuery不工作（）

我有一個具有.append（）函數的按鈕。所以每次點擊該按鈕時，它都會向身體添加一個新的DIV元素。使用append後JQuery不工作（）

但是DIV元素具有fadeIn（）函數。這意味着每次添加一個新的DIV元素時，它都應該慢慢淡入，但它不會。

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

HERE IS THE DEMO

我在這裏發現了一些類似的問題，但沒有人真的幫了我，所以我會很高興，如果有人給了我一個體面的解決辦法。

來源

2015-06-09 user3380284

請在這裏發表的代碼，而不僅僅是鏈接到外部網站。 – Teemu

問題是你在html存在之前附加了fadein。所以在jquery中，當你添加新的html時，它沒有附加fadein。 jquery文檔顯示正確的用法：http://api.jquery.com/fadein/ – Brian

啊，很高興知道，謝謝。我通常如何添加元素並將它們附加到函數中？如果我知道這一點，我的問題就會解決。 – user3380284

，你可以嘗試這樣的事情

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

小提琴演示here

來源

2015-06-09 19:13:05

使用append後JQuery不工作（）

回答

相關問題