jquery - 通过 jQuery + CSS 在右上角显示消息

Question

我不想为一个小的警报消息包含额外的库。
我要动态附加 一个到 DOM 时需要一个并且会 淡出在 3 秒内，将 删除 从 DOM 之后。
我试过下面的代码，但我没有运气，也没有看到任何显示。

$('body').append('<div id="msg" style="position: fixed; top: 0; left: 0; background:green; color:red;  z-index: 999; "> copied ! </div>');
$("#msg").fadeIn('slow', function () {
    $("#msg").delay(3000).fadeOut('slow');
});
$("#msg").remove();

我错过了什么吗？

Answer 1

您的 msg 正在被立即删除。至于z-index ，最大范围为±2147483647。希望这可以帮助:

$('body').append('<div id="msg" style="position: fixed; padding: 50px; top: 20px; left: 20px; background:green; color:red;  z-index: 9999; "> copied ! </div>');
$("#msg").fadeIn('slow', function () {
    $("#msg").delay(3000).fadeOut('slow', () => {$("#msg").remove()});
});