Javascript 如何使用.load函数将内容插入到不同的Div中

我是jQuery的新手，如果我的问题看起来很肤浅，我会真诚地道歉。我想知道当使用jQuery单击任何一个按钮时，如何使用一个

div

中的按钮将内容放置在另一个

div

中。当然，每个按钮都会在我想要更改的特定

div

中加载自己的内容

---

期待您的光临

下面的jquery可以帮助您

$('#buttonid').click(function(){
$('#div2id').load('page.html');
}

这很简单：

$("#buttonA").on("click", function() {
    $("#theDiv").load("http://theUrl");
});

$("#buttonB").on("click", function() {
    $("#theDiv").load("http://theOtherUrl");
});

用特定的选择器替换

#按钮a

，

#按钮b

，

#theDiv

更好的方法是使用

数据

属性：

<button class="link-btn" data-url="http://theUrl">load A</button>
<button class="link-btn" data-url="http://theOtherUrl">load B</button>

代码如下：

$('#yourDivId').load('content.html');   // Your content source

---

我又有麻烦了，下面有什么问题吗$（document）.ready（function（）{$（“#bt1”）.on（“click”，function（）{$（'#content'））.load（'html_docs/other.html.text'）；}）；当我点击按钮时，应该填充的Div保持为空，而#content Div的高度设置为auto@Sich乍一看，我看这里没什么错。查看控制台输出以查看是否存在任何错误（例如错误的url），并检查ajax调用返回。如果你在这里找不到任何东西，发布一个不同的问题，包括你能收集到的所有细节。控制台根本没有显示任何错误，我知道什么是ajax，但令人尴尬的是，我不知道如何像我说的那样“检查ajax调用返回”，我是一个新手，但希望很快告别这种状态。非常感谢您的帮助和时间。让我发布我的整个网站，加上我试图使用的代码。不用担心，不要发布所有内容，只提取失败的代码，如果需要，将其作为新问题发布。为了检查AJAX调用返回，IMO最直接的方法是使用（Firefox插件），因为它在控制台中很好地显示AJAX调用。

$('#yourDivId').load('content.html');   // Your content source