Warum $ (Dokument) .append() in jQuery 1.9.1 nicht funktioniert?

Question

Warum das folgende Stück Code seit jQuery 1.9.1 nicht funktioniert? Mit früheren Versionen funktioniert das gut.

$(function() { 
    $(document).append(test); 
    document.write('done'); 
}); 
var test = { 
    version: "1.0", 
}; 

JSFiddle: http://jsfiddle.net/Chessjan/NsjqM/

In JS-Konsole gibt es Fehler wie folgt aus:

TypeError: document is null 
safeFrag = document.createDocumentFragment(); jquery-1.9.1.js (line 5823) 

Edit:

Vielen Dank allen für die schnelle und umfangreiche aswers. Das beobachtete Problem wurde zufällig gefunden, und natürlich ist $(document.body).append() der richtige Ansatz.

Answer 1

jQuery 1.9.x ruft

this[ 0 ].ownerDocument 

innerhalb seiner buildFragment() Methode. Da Sie in der document passieren, der Anruf

document.ownerDocument 

werden null Referenz und den Fehler verursachen. Jeder andere Knoten wird auf die document verweisen, was natürlich funktioniert.

---

Fazit: Rufen Sie $(document).append() nicht aber $(document.body) zum Beispiel verwenden.

Answer 2

Um Ihre Frage zu beantworten, versuchte ich in JSfiddle alle verfügbaren jQuery-Versionen. Es gab zufällig denselben Fehler.

Warum es nicht funktioniert: Dokument wird so etwas wie [Objekt HTMLDocument] bei der Umwandlung in Zeichenfolge, und es gibt natürlich keine solche ID, es wird Null zurückgeben.

Die folgenden Werke:

var test = "1.0" 
$('body').append(test); 

oder Trog Objekt Notation tun wie du getan hast:

var test = { 
    version: '1.0' 
} 
$('body').append(test.version) 

Answer 3

Ihr Code wird von nie gearbeitet. Es muss document.bodynichtdocument.

Hier einige Beispiele in verschiedenen Versionen davon nicht funktioniert:

jQuery 1.6.4: http://jsfiddle.net/us9Kz/
jQuery 1.7.2: http://jsfiddle.net/us9Kz/1/
jQuery 1.8.3: http://jsfiddle.net/us9Kz/3/
jQuery 1.9. 1: http://jsfiddle.net/us9Kz/4/
jQuery 2.0.0b1: http://jsfiddle.net/us9Kz/5/

Code funktioniert mit document.body (auf jQuery 1.9.1): http://jsfiddle.net/us9Kz/6/

Answer 4

Innerhalb des jQuery-Code hat die folgende Zeile:

jQuery.buildFragment(args, this[ 0 ].ownerDocument, false, this); 

this ist das jQuery-Objekt Sie ausgewählt haben. In Ihrem Fall das Dokument. Der ownerDocument-Wert des Dokuments ist null und wird als document an den Aufruf von document.createDocumentFragment(); übergeben. Daher erhalten Sie den Fehler, dass document ist Null (Etwas schlechte Benennung von Variablen gibt es wie Sie denken, das Dokumentobjekt selbst ist irgendwie Null)

Wie andere Leute gesagt haben. Stattdessen an den Körper anhängen und es wird gut funktionieren.