jQuery如何加载一些html并将其附加到 元素？

Question

我尝试了以下操作：

$.load("Views/chatBox.html").appendTo('body')

控制台输出：

TypeError: $.load is not a function 

EDIT：答案只能是一行代码；只能是一行代码。我想就足够了。

Answer 1

我不明白为什么您不需要将容器放在主体底部并将外部页面加载到里面呢？

您可以尝试的是这个：

<script type="text/javascript">
    $(function() {
        $("#container").load("Views/chatBox.html",function(){
            $(this).clone().appendTo("body").remove();
        });
    });
</script>

但是我不是100％知道此代码...：）

Answer 2

不是，所有这些答案都是错误的，因为它们依赖于使用单独的容器！

执行此操作：

$.ajax({
    url: "your.html",
    success: function (data) { $('body').append(data); },
    dataType: 'html'
});

Answer 3

替代解决方案：

jQuery('#AppendToMe').append( jQuery('<div>').load(...) );

这会将您加载的所有内容附加到#AppendToMe元素中。

Answer 4

[当我试用GaVrA的解决方案时，我发现它甚至更简单：

<script type="text/javascript">
    $(function() {
        $("#container").load("external.html").appendTo("body");;        
    });
</script>

我想appentTo自动删除了以前的实例？也许我在这里缺少什么？

Answer 5

您在这里：

<script type="text/javascript">
    $(function() {
        $("body").load("Views/chatBox.html");
    });
</script>