Загрузите во внешний файл .html с помощью jQuery

Question

Я пытаюсь создать веб-сайт с просмотром вкладок и следую инструкциям, чтобы сделать это. Но проблема в том, что код, который я сейчас использую, работает как положено.

• HTML-код: http://pastebin.com/CG146NS3

• CSS-код: http://pastebin.com/4VCuAwJm

• JavaScript: http://pastebin.com/sZhhQs6v

Учебник, которому я следовал: http://net.tutsplus.com/tutorials/javascript-ajax/how-to-load-in-and-animate-content-with-jquery/

Проблема: Когда я нажимаю на одну из вкладок, #content исчезает с помощью slideUp, и .load загружает контент, но не помещает его в # content.

Answer 1

1. У вас есть дубликат #ids.

2. Помните, что когда вы делаете:

   var toLoad = $(this).attr('href')+' #content';
   // other execution
   function loadContent() {
      $('#content').load(toLoad,function(){
      $('#content').slideDown('normal');
   });
   

вы фактически загружаете фрагмент страницы#content в #content на вашей странице.Таким образом, вы в конечном итоге с этим:

<div id='content'>
   <div id='content'>Random Data</div>
</div>

Answer 2

Хорошо, основываясь на вашем комментарии. Просто убедитесь, что у вас на самом деле есть DIv с идентификатором #content в ваших случайных html-файлах.