1

メッセージを数秒間表示しようとしていますが、何も表示されません。コードの問題は何ですか?

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

2 に答える 2

2

div がページに追加されていないため、表示されません。

試す

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

後でDOMをクリーンアップするには、次のことができます。

$(div).prependTo('body').show().delay(2000).fadeOut(400, function () {
    $(div).remove();
});
于 2013-07-29T07:42:01.403 に答える
0

最初にdivをbodyに追加します

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-29T08:22:52.710 に答える