Как изменить содержимое div с помощью ссылки?

Question

Это (Изменен) jsfiddle моей веб-страницы. Он имеет довольно немного больше, и позиционирование является правильным, в отличии от этого: http://jsfiddle.net/ry0tec3p/1/

<a href="" class="btn1" style="position: absolute; margin-left: -640px; margin-top: 167px;">About</a> 

Вопросов Учебников Социальных

Я пытаюсь сделать немногих прозрачную черную область в середине веб-страница («center» div.) меняет html, когда я нажимаю на одну из вышеперечисленных ссылок (которые выглядят как несколько вкладок на веб-странице), и я хочу, чтобы вкладка оставалась выбранной до тех пор, пока не будет нажата другая. Это не может быть только текст, потому что разные вкладки будут иметь разные HTML. Может ли кто-нибудь изменить jsfiddle или показать мне, как это сделать?

EDIT: Я попытался с помощью:.

$(".btn1").click(function(){ 

$ ("Центр") нагрузка ("file.html"); });

который ничего не сделал.

Кроме того, я просмотрел внутренний HTML, но мои попытки реализовать его в этом потерпели неудачу, потому что я не знаю.

Answer 1

Если вы попытаетесь запустить локально, вы можете обнаружить, что это не сработает, вы должны иметь это на реальном сервере. И в том же домене, что и файлы, которые вы вызываете для

Это jQuery, поэтому убедитесь, что у вас есть тег скрипта, связанный с jQuery!

HTML

<button id="home" class="Navigation">Home</button> 
<button id="about" class="Navigation">About Us</button> 
<button id="contact" class="Navigation">Contact Us</button> 
<div id="PageData">Data Will Display Here</div> 

JQuery

$(document).ready(function(){ //All jQuery should go in this ready function 
     // Onclick function 
     $('.Navigation').click(function() { 
     // this.id = to the ID of the element being clicked 
     $('#PageData').load(this.id+".html"); 
     }); 
}); 

Все, что вам нужно сделать, это решить эту проблему в существующий исходный код. Вы можете применить к любому элементу, который вы хотите использовать для запуска функции, но он будет использовать ID этого элемента для загрузки страницы.

Пример кнопки с id автомобилей будет пытаться Load cars.html

Я надеюсь, что это помогает. Счастливое кодирование!)

WORKING DEMO!