Question

如果我的问题看起来很肤浅，那我就是jQuery的新手，真诚的道歉。我想知道如何使用div中的按钮将内容放在另一个div中，当使用jQuery单击任何一个按钮时。当然，每个按钮都会在我想要更改的特定div中加载自己的内容。

感谢您的期待

Answer 1

关注jquery可以提供帮助

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

Answer 2

这非常简单：

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

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

将#buttonA，#buttonB，#theDiv替换为您的特定选择器。

更好的方法是使用data属性：

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

和...

$(".link-btn").on("click", function() {
    $("#theDiv").load($(this).data("url"));
});

Answer 3

以下是代码：

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

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

3 个答案: