php - 单击链接/按钮时更改 div 的内容

Question

基本上我有一个网页有一个 div id="content"和一个 div id="sidebar",

我想做的是在侧边栏中单击链接/按钮时更改内容 div 中的内容，而不是每篇文章都有一个 serperate 页面。

原因是；

我正在为一些多个乐队做一个 BIO 页面，每个乐队会有多个按钮，然后当用户点击按钮/链接时，内容会改变。

任何想法，我一直在研究使用 jQuery 或 PHP 的 .click，但不确定如何实现它。

Answer 1

您可以将每篇文章放在服务器上的一个 HTML 文件中，每篇文章周围都有一个 div，就像这样(假设该文件名为 myArticles.html 并且与您的主页位于同一文件夹中):

<div id='article1'>
    <b>ARTICLE 1</b> This is my first article
</div>

<div id='article2'>
    <b>ARTICLE 2</b> This is my second article
</div>

然后使用 jQuery 的 .load 函数通过 AJAX 将此数据加载到您的页面中。

假设文章 1 的按钮有 id = 'articleButton1' 和 2 有 id = 'articleButton2'(并且都带有 href='#'，所以页面不会改变)那么这个 jQuery 就可以工作:

$('#articleButton1').click(function(){
    $('#content').load('myArticles.html #article1');
}

$('#articleButton2').click(function(){
    $('#content').load('myArticles.html #article2');
}

这会从您服务器上的该页面中挑选出正确的 div，并将其放入 #content div