Append（）Ajax无法正常工作

Question

我正在尝试使用append（load（））将内容附加到Element，但它无效。

$('#id').append(load('page.html'));

还有其他办法吗？或者这段代码有什么错误吗？

Answer 1

您对.load()方法的使用不正确，.load()方法不会附加已加载的内容，它会覆盖以前的内容，您应该使用$.get()或{{1而不是函数：

$.ajax()

Answer 2

load函数实际上将内容插入到匹配的元素中。您不必手动附加内容。

您需要做的就是指定要填充的元素并在其上调用load方法：

$( '#id' ).load( 'page.html' );

参考文献：

• .load()

Answer 3

load方法不返回您可以追加的元素，它会将内容加载到元素中。如果要附加内容，请附加一个可以将内容加载到的空元素：

var e = $('<div>');
$('#id').append(e);
e.load('page.html');

如果元素最初为空，那么无论您追加或替换内容都无关紧要，您只需将内容加载到元素中即可：

$('#id').load('page.html');

Answer 4

你需要在jQuery对象上调用load()，调用$（selector）.load（）如果它不是用户定义的函数，那么加载将是你尝试调用的方式未定义。

$('#id').load('page.html');