jquery Fehlermeldung

Question

Wie kann ich jquery Fehlermeldungen ohne Verwendung der Alarmbox anzeigen? Ich brauche einfach eine Ein-Zeilen-Fehlermeldung, die auf dem Bildschirm rot angezeigt wird.

Answer 1

So stellen Sie eine Funktion, die es tut ...

function error(msg) { 

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

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

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

} 

Dann

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

See it on jsFiddle einige CSS hinzufügen.

Answer 2

Versuchen Sie mit jQuery UI dialog component (auch see here). Alternativ können Sie auch einfach ein oder div Element inline mit dem Rest des Inhalts erstellen und Ihre Nachricht mit einem Knopf versehen, um es loszuwerden (oder Sie könnten es nach so vielen Sekunden automatisch ausblenden).

Answer 3

Setzen Sie das, wo die Fehler angezeigt werden sollen.

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

Und setzen Sie Ihre Fehlermeldungen drin.

Answer 4

Etwas wie folgt aus:

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

Sie können auch einen leeren Knoten (div) in den HTML-Code, sagen mit der ID "error_msg" setzen, dann ist diese Nachricht in sie hinzufügen verwenden:

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

Answer 5

zum Beispiel

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

Wenn Sie nur Debuginformationen anzeigen möchten, können Sie console.log() in chrome oder firebug verwenden