2011-01-11 149 views
1

如何在不使用警報框的情況下顯示jquery錯誤信息?我只需要在屏幕上以紅色顯示一行錯誤消息。jquery錯誤信息

+0

您可以將消息放在div中並將其放在任何需要的位置。 CSS和DOM使它成爲可能。 – 2011-01-11 01:08:52

回答

2

只是要,做它的功能...

function error(msg) { 

    var msgBox = $('#msg-box'); 

    if (msgBox.length === 0) { 
     msgBox = $('<div />', { 'id': 'msg-box'}).hide().prependTo('body'); 
    } 

    msgBox.html(msg).fadeIn(500); 

} 

然後添加一些CSS

#msg-box { 
    background: red; 
    padding: 1em; 
} 

See it on jsFiddle

+0

我會給你+1,如果只是小提琴,但甚至建議替換原生`alert`功能?呃...... – 2011-01-11 01:14:13

+0

@Felix Kling對不起,它聽起來像是OP想要的(我沒有留下*不推薦*警告)。我刪除了那部分,並希望仍然得到那個+1 :) – alex 2011-01-11 01:31:17

0

嘗試使用jQuery UI的dialog component(還有,see here)。或者,您可以創建一個pdiv元素,使其與其餘內容保持一致,並將其中的消息放入該消息中,並提供一個按鈕來擺脫它(或者可以在幾秒鐘後自動將其隱藏)。

0

把你想要的錯誤顯示出來。

<div id='errorDiv'></div> 

並把你的錯誤信息放在裏面。

0

事情是這樣的:

$("<p>error message</p>").css("color", "red").appendTo($("body")); 

你也可以把一個空的節點(格)的HTML,比如ID爲 「ERROR_MSG」,然後用此來添加信息到它:

$("#error_msg").html("error message"); 
1

例如

function jAlert(text) { 
    var jAl = $('#jAlert'); 
    jAl = jAl.length ? jAl : $('<div>',{'id':'jAlert'}).css({ 
     'padding': '10px', 
     'border': '1px solid black', 
     'position': 'absolute', 
     'color': 'red' 
    }).click(function() { 
     $(this).hide(); 
    }).appendTo('body').hide(); 


    jAl.html(text).show(); 
} 

fiddle

如果您只想顯示調試信息,您可以在Chrome或Firebug中使用console.log()