[英]Why $(document).append() doesn't work in jQuery 1.9.1?
为什么从jQuery 1.9.1开始,以下代码段不起作用? 以前的版本工作正常。
$(function () {
$(document).append(test);
document.write('done');
});
var test = {
version: "1.0",
};
JSFiddle: http : //jsfiddle.net/Chessjan/NsjqM/
在JS控制台中,它会发出如下错误:
TypeError: document is null
safeFrag = document.createDocumentFragment(); jquery-1.9.1.js (line 5823)
编辑:
谢谢大家快速和广泛的as。 观察到的问题是偶然发现的,当然, $(document.body).append()
是正确的方法。
jQuery 1.9.x调用
this[ 0 ].ownerDocument
在其buildFragment()
方法中。 由于您传入了document
,因此调用
document.ownerDocument
将引用null
并导致错误。 任何其他节点都将引用该document
,这当然是有效的。
结论:不要调用$(document).append()
而是使用$(document.body)
。
你的代码永远不会奏效。 它必须是document.body
而不是 document
。
以下是不同版本中的一些示例:
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/
代码使用document.body
(在jQuery 1.9.1上): http : //jsfiddle.net/us9Kz/6/
为了回答你的问题,我在JSfiddle中尝试了所有可用的jQuery版本。 碰巧给出了同样的错误。
为什么它不起作用:当转换为字符串时,文档变成类似[object HTMLDocument]的东西,当然没有这样的id,它将返回null。
以下作品:
var test = "1.0"
$('body').append(test);
或者通过像你这样的对象符号来做:
var test = {
version: '1.0'
}
$('body').append(test.version)
在jQuery代码中,它有这一行:
jQuery.buildFragment( args, this[ 0 ].ownerDocument, false, this );
this
是您选择的jQuery对象。 在你的情况下,文件。 document的ownerDocument值为null,这是作为document
传递给document.createDocumentFragment();
。 因此,您得到document
为null的错误(变量的命名略有错误,因为它使您认为文档对象本身在某种程度上为null)
正如其他人所说的那样。 附加到身体,它会工作正常。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.