Question

基本上我有一个div id =＆＃34; content＆＃34;和div id =＆＃34;侧边栏＆＃34;，

我想要做的是在侧边栏中点击链接/按钮时更改内容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

Answer 2

您需要查看本教程，

Tabify

Answer 3

jQuery UI垂直标签怎么样？ http://jquery-ui.googlecode.com/svn/trunk/demos/tabs/vertical.html

更多关于jQuery UI选项卡和通过ajax加载内容： http://jqueryui.com/demos/tabs/#ajax

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

3 个答案: