Заменить DIV с HTML File

Question

Я создал горизонтальное меню с 5 вариантами вкладок с помощью мкл и 5 тегов Li, что удерживается внутри DIV

Ниже этой области, я также создать отдельный DIV (идентификатор = "content1"), который будет использоваться для отображения содержимого html-файлов на основе выбранных параметров табуляции.

Что я не уверен, как выполнить использование JavaScript и jQuery, как я могу выполнить onlick-вызов, заменив div content1 содержимым файла html? Скажем, я нажал вкладку «функции» - хотел бы заменить div id content1 содержимым файлов features.html?

Любая помощь будет отличной.

Спасибо.

Answer 1

Это легко сделать с помощью jQuery и load(), чтобы загрузить удаленный контент и применить его к div.

К счастью, есть отличный tutorial, который объясняет точно как это сделать! :)

Answer 2

Не удалось получить содержимое файла через AJAX, а затем установить содержимое div с помощью .html()?

Answer 3

попробовать что-то вроде этого:

$("#features").click(function(){ 
    $("#content1").load('features.html'); 
});