外部html中的javascript未加载

好的，这是我的代码

/*index.html*/

/*sections.html*/

---

我看不到您在任何地方加载jQuery…您必须在代码之前的某个时刻包含库本身，如下所示：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>    
<script type="text/javascript" src="http://tdr.host22.com/scripts/li.js"></script>

---

我看不到您在任何地方加载jQuery…您必须在代码之前的某个时刻包含库本身，如下所示：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>    
<script type="text/javascript" src="http://tdr.host22.com/scripts/li.js"></script>

您是否尝试过在浏览器中打开？您应该能够直接下载该文件

可能是您在脚本文件夹上意外启用了某些用户身份验证

我还建议使用不带域名的路径，即/scripts/li.js，这样当站点移动到另一个域时，您就不必更改它。

您是否尝试过在浏览器中打开？您应该能够直接下载该文件

可能是您在脚本文件夹上意外启用了某些用户身份验证

---

我还建议您使用一个没有域名的路径，即/scripts/li.js，这样当站点移动到另一个域时，您就不必更改它。

正如Nick所说，您可能不包括jQuery，Firebug中是否有任何错误或类似的错误

此外，您还可以考虑用类似于

的方式替换大部分的大交换机。

content.slideUp();
content.load("http://tdr.host22.com/sections.html #" + this.id + "_section", hideLoading);
content.slideDown();

编辑： 要更清楚地了解最后一部分，请首先进入标记并进行更改：

<li><a id="about">About Me</a></li>

因此，您的代码的整个javascript部分通过一些其他改进而变得更加完整：

$(document).ready( function() {
  var sections = $("#menu a");
  var loading = $("#loading");
  var content = $("#content");

  function showLoading() {
    loading.css( {
      visibility: 'visible',
      opacity: 1,
      display: 'block'
    } );
  }

  function hideLoading(){
    loading.fadeTo(1000, 0);
  }

  sections.click( function() {
    showLoading();
    content.slideUp();
    content.load("http://tdr.host22.com/sections.html #" + this.id + "_section", hideLoading);
    content.slideDown();
  } );
} );

如您所见，此代码甚至不需要注释，因为它非常简短

---

另外，通读这篇文章，你几乎肯定还有其他问题。。。动画不会以您期望的方式发生，slideUp是异步的，这意味着它将开始向上滑动，然后立即加载，您可能不希望出现这种行为，因此请查看jQuery通过回调链接动画的方法，例如，请参阅文档，或查看jQuery 1.4的方法。

如Nick所说，您可能没有包括jQuery，Firebug或类似的东西中是否有任何错误

此外，您还可以考虑用类似于

的方式替换大部分的大交换机。

content.slideUp();
content.load("http://tdr.host22.com/sections.html #" + this.id + "_section", hideLoading);
content.slideDown();

编辑： 要更清楚地了解最后一部分，请首先进入标记并进行更改：

<li><a id="about">About Me</a></li>

因此，您的代码的整个javascript部分通过一些其他改进而变得更加完整：

$(document).ready( function() {
  var sections = $("#menu a");
  var loading = $("#loading");
  var content = $("#content");

  function showLoading() {
    loading.css( {
      visibility: 'visible',
      opacity: 1,
      display: 'block'
    } );
  }

  function hideLoading(){
    loading.fadeTo(1000, 0);
  }

  sections.click( function() {
    showLoading();
    content.slideUp();
    content.load("http://tdr.host22.com/sections.html #" + this.id + "_section", hideLoading);
    content.slideDown();
  } );
} );

如您所见，此代码甚至不需要注释，因为它非常简短

另外，通读这篇文章，你几乎肯定还有其他问题。。。动画不会以您期望的方式发生，slideUp是异步的，这意味着它将开始向上滑动，然后立即加载，您可能不希望出现这种行为，因此请查看jQuery通过回调链接动画的方法，例如，请参阅文档，或者看看jQuery1.4的方法。

sections.html中的JavaScript在里面

内容。loadhttp://tdr.host22.com/sections.html 主页区，隐藏阅读；将仅从sections.html加载

要从sections.html加载JavaScript，请尝试以下操作

sections.html中的JavaScript位于

内容。loadhttp://tdr.host22.com/sections.html 主页区，隐藏阅读；将仅从sections.html加载

要从sections.html加载JavaScript，请尝试以下操作

---

我已经添加了它，只是因为某些原因没有发布。我是这个网站的新手，到目前为止，我不喜欢显示代码脚本在所见即所得中的工作方式。我修复了在我排除故障时出现的错误，因此它返回到已断开的完成状态。好吧，现在代码又正确了，但是如果你签出并单击“关于我”，你会注意到它已加载整个站点都在div中，而不是在sections.html中加载div about_部分…好的，修复了这个问题，但是现在它正在做原始的问题加载div，但是没有javascript。所以没有人知道：sucksI添加了它，只是因为某些原因没有发布。我到目前为止还不熟悉这个站点，我不喜欢显示代码脚本的工作方式在所见即所得（WYSIWYG）中，我修复了在排除故障时出现的错误，使其恢复到中断完成状态。好吧，现在代码再次正确，但如果您签出并单击“关于我”，您将注意到它将在div中加载整个站点，而不是在sections.html中加载div about_部分……好吧，修复了该问题，但现在它是正确的没有人知道：她正试图从谷歌代码加载jQuery。所以它试图下载它，而不是提供脚本。@福吉：他现在是：当问到/回答这个问题时，没有jQuery脚本参考：我修复了所有代码，但据我所知仍然不起作用。他正在尝试加载jQuery，但是从谷歌代码加载的。所以它试图下载它，而不是提供脚本。@福吉：他现在是：当问/回答这个问题时，没有jQuery脚本参考：我修复了所有代码，但尽我所能

---

告诉仍然不起作用。我是JS新手，所以我不知道怎么做谢谢duks我会阅读回调你有什么建议在dom中加载javascript标记，而不是在我单击链接时执行它们吗我是JS新手，所以我不知道怎么做谢谢duks我会阅读回调你有什么建议吗在dom中加载javascript标记，而不是在单击linkcontent.loadaboutme_面板hideLoading时执行它们；不会加载任何内容。是一项直接从imvu主页内容调用隐藏div面板的测试。loadaboutme_面板，hideLoading；不会加载任何内容。是直接从imvu主页调用隐藏的div面板的测试

content.slideUp();
content.load("http://tdr.host22.com/sections.html #" + this.id + "_section", hideLoading);
content.slideDown();

$(document).ready( function() {
  var sections = $("#menu a");
  var loading = $("#loading");
  var content = $("#content");

  function showLoading() {
    loading.css( {
      visibility: 'visible',
      opacity: 1,
      display: 'block'
    } );
  }

  function hideLoading(){
    loading.fadeTo(1000, 0);
  }

  sections.click( function() {
    showLoading();
    content.slideUp();
    content.load("http://tdr.host22.com/sections.html #" + this.id + "_section", hideLoading);
    content.slideDown();
  } );
} );

content.load("http://tdr.host22.com/sections.html #about_section", hideLoading);