javascript - 将定时 jquery 函数放在动态创建的 div 上

Question

mouseEnters当用户使用<h1>标签时，我创建了一个简单的小 div 。我用prepend(). 一旦动态创建了这个 div，有什么办法可以延迟淡出？让我们说 div 创建后 4 秒？一如既往地感谢任何帮助。谢谢大家，我检查了这个以前的帖子，但它没有帮助。

这就是我正在使用的。

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

Answer 1

你可以这样做 ：

$('.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);
});

setTimeout它只是在您创建的 div 中使用淡入淡出的函数注册。

演示（将 div 简单地添加到 body 中）