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。

致demo：您必须使用回调才能立即将其删除：

$(div).prependTo('body').show().delay(5000).fadeOut(300, function() { $(this).remove(); })

Answer 3

首先将你的div添加到身体

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

$(body).append(div)`

为您的div提供ID，然后您可以使用setTimeOut方法

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

试图显示消息几秒钟但没有任何显示

3 个答案: