試圖顯示消息幾秒鐘，但沒有顯示

我想顯示消息幾秒但沒有顯示，什麼是我的代碼中的問題？試圖顯示消息幾秒鐘，但沒有顯示

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();

來源

2013-07-29 commit

您的DIV不會被添加到您的網頁，這就是爲什麼它不會顯示。

嘗試

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

在事後清理你的DOM，你可以：

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

來源

2013-07-29 07:42:01 UweB

仍然不工作：http://jsfiddle.net/K8kp9/2/ – Cherniv

是的，它仍然不起作用 – commit

我刪除了.remove（），在延遲後顯然沒有排隊。現在它的作品：http://jsfiddle.net/QRGHM/2/ – UweB

如前所述，你沒有在頁面的DIV。

要將demo：你必須使用一個回調不會立即刪除它：

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

來源

2013-07-29 07:51:33 matusg

首先你的div追加到身體

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

$(body).append(div)`

給你的DIV ID，然後你可以使用setTimeOut方法

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

來源

2013-07-29 08:22:52

試圖顯示消息幾秒鐘，但沒有顯示

回答

相關問題