mettre une fonction jquery chronométré sur un div créé dynamiquement

Question

J'ai une simple petite div en cours de création lorsque l'utilisateur mouseEnters une étiquette <h1>. Im créant le div avec prepend(). Une fois que ce div est créé dynamiquement, y a-t-il un moyen de retarder le fondu? Disons 4 secondes après la création de la div? Toute aide est très appréciée comme toujours. Merci les gars J'ai vérifié this previous post mais ça n'aide pas.

Voici ce que je travaille avec.

$('.sitename').mouseenter(function(){ 
    $(this).parent().prepend('<div class="mobile_pop">Available on All Mobile Devices</div>'); 
});//end mouseEnter 

Answer 1

Vous pouvez le faire:

$('.sitename').mouseenter(function(){ 
    var $div = $('<div class="mobile_pop" style="display:none;">Available on All Mobile Devices</div>'); 
    $(this).parent().prepend($div); 
    setTimeout(function(){$div.fadeIn()}, 4000); 
}); 

Il enregistre simplement avec setTimeout une fonction fondu dans la div que vous avez créé.

Demonstration (the div is simply added to the body)