使用 jQuery 加载外部 .html 文件

Question

我正在尝试创建一个带有选项卡式浏览的网站，并按照教程进行操作。但问题是我当前使用的代码没有按预期工作。

• HTML 代码： http://pastebin.com/CG146NS3

• CSS 代码：http://pastebin.com/4VCuAwJm

• JavaScript：http://pastebin.com/sZhhQs6v< /a>

我遵循的教程： http://net.tutsplus.com/tutorials/javascript-ajax/how-to-load-in-and-animate-content-with-jquery/

问题： 当我单击其中一个选项卡时，#content 会随着幻灯片消失，并且 .load 会加载内容，但它不会将内容放入 #content 中。

Answer 1

1. 您有一些重复的 #ids。

2. 记住当你这样做时：

   var toLoad = $(this).attr('href')+' #content';
   // 其他执行
   函数加载内容（）{
      $('#content').load(toLoad,function(){
      $('#content').slideDown('正常');
   });
   

您实际上是将页面片段 #content 加载到页面中的 #content 中。所以你最终会得到这样的结果：

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

Answer 2

好的，根据您的评论。只需确保您的随机 html 文件中实际上有一个 ID 为 #content 的 DIv。