В основном у меня есть веб-страница с div id = "content" и div id = "sidebar",
То, что я хотел бы сделать, – это изменить содержимое в div контента, когда на боковой панели щелкнули ссылку / кнопку, не имея серферной страницы для каждой статьи.
Причина;
Я делаю страницу BIO для нескольких групп, и для каждой группы будет несколько кнопок, а затем, когда пользователь нажимает кнопку / ссылку, содержимое будет меняться.
Любая идея, я изучал .click, используя jQuery или, возможно, PHP, но не совсем уверен, как его реализовать.
Вы можете поместить каждую из статей в один 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 для загрузки этих данных с помощью 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 из этой страницы вашего сервера и помещает его в div #content
вам нужно изучить этот учебник,
Tabify
как насчет вертикальных вкладок пользовательского интерфейса jQuery? http://jquery-ui.googlecode.com/svn/trunk/demos/tabs/vertical.html
больше на вкладках пользовательского интерфейса jQuery и загрузке содержимого через ajax: http://jqueryui.com/demos/tabs/#ajax