基本上我有一个网页有一个 div id="content"和一个 div id="sidebar",
我想做的是在侧边栏中单击链接/按钮时更改内容 div 中的内容，而不是每篇文章都有一个 serperate 页面。
原因是；
我正在为一些多个乐队做一个 BIO 页面，每个乐队会有多个按钮，然后当用户点击按钮/链接时，内容会改变。
任何想法，我一直在研究使用 jQuery 或 PHP 的 .click，但不确定如何实现它。
最佳答案
您可以将每篇文章放在服务器上的一个 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
关于php - 单击链接/按钮时更改 div 的内容，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10916411/