jquery錯誤信息

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

2011-01-11 user550265

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

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

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。

來源

2011-01-11 01:09:19 alex

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

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

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

來源

2011-01-11 01:08:41

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

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

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

來源

2011-01-11 01:08:52

事情是這樣的：

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

你也可以把一個空的節點（格）的HTML，比如ID爲「ERROR_MSG」，然後用此來添加信息到它：

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

來源

2011-01-11 01:11:56

例如

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（）

來源

2011-01-11 01:18:49 Andy

jquery錯誤信息

回答

相關問題