jquery - 尝试显示消息几秒钟但没有显示

Question

我试图显示消息几秒钟但没有显示，我的代码有什么问题？

    var my_css_class = { border: 'none', 
            padding: '15px', 
            backgroundColor: '#000', 
            '-webkit-border-radius': '10px', 
            '-moz-border-radius': '10px', 
            opacity: .5, 
            color: '#fff' };

    var div = "<div>" + Message + "<\div>";

    $(div).css(my_css_class);

    alert(div);
    $(div).show().delay(5000).fadeOut();

Answer 1

您的 div 未添加到您的页面，这就是它不会显示的原因。

尝试

$(div).prependTo('body').show().delay(5000).fadeOut();

之后要清理 DOM，您可以：

$(div).prependTo('body').show().delay(2000).fadeOut(400, function () {
    $(div).remove();
});

Answer 2

首先将您的 div 附加到正文

var div = "<div id='yourDiv'>" + Message + "<\div>";

$(body).append(div)`

给你的 div 一个 id 然后你可以使用setTimeOut方法

setTimeout('$("#yourDiv").hide()', 2000); //hides the message after 2 sec.