新しく追加された要素の.fadeIn（）

Question

クリックイベントで新しいhidden divを動的に追加しようとしましたが、このdivをフェードインしました。

$('.param').on('click',function(event){ 
     $(this).fadeOut('slow'); 
     $('#bibox').append('<div style="display: none;" id="test"> Hello World!</div>'); 
     $('#test').fadeIn('slow'); 
    }); 

新しい隠しdivを#biboxに正しく追加しますが、非表示にします。

Answer 1

はこれを試してみてください：

$('.param').on('click',function(event){ 
    $(this).fadeOut('slow'); 
    var html = '<div style="display: none;" id="test"> Hello World!</div>'; 
    $(html).hide().appendTo("#bibox").fadeIn('slow'); 
}); 

Answer 2

これは私のために働いている：

$('.param').on('click',function(event){ 
 
     $(this).fadeOut('slow'); 
 
     $('#bibox').append('<div style="display: none;" id="test"> Hello World!</div>'); 
 
     $('#test').fadeIn('slow'); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div class="param">Click me!</div> 
 
<div id="bibox"></div>