.append 使用 jQuery 进行 .load 的内容

发布于 2024-10-19 18:20:49 字数 819 浏览 1 评论 0原文

我有一个像这样的网页:

<html>
<head>
   . . .
</head>
<body>
  <div id="wrapper">
    <p>Lots of content here!</p>
  </div>
</body>
</html>

我还有一个像这样的外部文件:

<div id="more-stuff"><p>Even more content!</p></div>

我想要的是有一个像这样的网页:

<html>
<head>
   . . .
</head>
<body>
  <div id="wrapper">
    <p>Lots of content here!</p>
    <div id="more-stuff"><p>Even more content!</p></div>
  </div>
</body>
</html>

使用 jQuery。我的猜测是这样的:

$(document).ready(function(){
  $('#wrapper').append.load('/external.htm');
});

但这行不通,而且我似乎找不到好的解决方案。

I have a webpage like:

<html>
<head>
   . . .
</head>
<body>
  <div id="wrapper">
    <p>Lots of content here!</p>
  </div>
</body>
</html>

I also have an external file like this:

<div id="more-stuff"><p>Even more content!</p></div>

What I want is for to have a webpage like this:

<html>
<head>
   . . .
</head>
<body>
  <div id="wrapper">
    <p>Lots of content here!</p>
    <div id="more-stuff"><p>Even more content!</p></div>
  </div>
</body>
</html>

Using jQuery. My guess is something like this:

$(document).ready(function(){
  $('#wrapper').append.load('/external.htm');
});

But it won't work and I can't seem to find a good solution.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

蝶…霜飞 2024-10-26 18:20:49

尝试这样的操作:

$(document).ready(function(){
    $.get('/external.htm', function(data) {
        $('#wrapper').append(data);
    });
});

它告诉 jQuery 请求 html 文件,然后在准备好时运行回调(依次附加请求返回的数据)。

Try something like this:

$(document).ready(function(){
    $.get('/external.htm', function(data) {
        $('#wrapper').append(data);
    });
});

It tells jQuery to request the html file, and then to run the callback (which in turn appends the data returned by the request) when it is ready.

雨落星ぅ辰 2024-10-26 18:20:49

.append() 不能那样工作。它需要附加文本。但是 .load() 会覆盖其目标的内容,因此您需要首先附加一个子项,然后加载到该子项。

$(document).ready(function(){
    $('#wrapper').append($(document.createElement("p")).load('extern.html'));
});

.append() doesn't work that way. It needs text to append. But .load() overwrites the contents of its target, so you need to first append a child, then load to that child.

$(document).ready(function(){
    $('#wrapper').append($(document.createElement("p")).load('extern.html'));
});
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文