javascript - 动态页面 (jQuery) 未正确加载 javascript

Question

我目前正在编写一个小型网站，并且刚刚修改了此处找到的教程以使动态内容加载工作。您会在主页上看到，如果您单击链接，视图将展开以显示其下方的视频，但是如果您使用左侧边栏（最高评分）导航到同一页面，您将看到所有链接已扩展，我无法弄清楚出了什么问题，有什么想法吗？

网站在这里

score 2 · Accepted Answer

您在 scripts.js 中的代码（第 67 行）：

$("nav a[href="+newHash+"]").addClass("link2currentpage");

导致以下错误：

Uncaught Error: Syntax error, unrecognized expression: [href=index.html]

您需要在您的 href 周围加上引号：

$("nav a[href='"+newHash+"']").addClass("link2currentpage");

score 1 · Accepted Answer

折叠可扩展元素 ( prepareList) 的函数只调用一次 - 当 DOM 准备好时。

当您使用侧边栏导航时，页面不会刷新，因此不会再次调用该函数。

添加prepareList()到$mainContent.fadeIn回调（您当前拥有的位置/* Stop loading animation */）。

score 0 · Accepted Answer

你有一个错误：

不安全的 JavaScript 尝试从 URL http://www.youtube.com/embed/GaoLU6zKaws?rel=0 的框架访问具有 URL http://drue.co.uk/1site/index.html 的框架。域、协议和端口必须匹配。

出于安全原因，您不能在 Javascript 中发出跨站点 Ajax 请求。

您可以使用 YouTube 的 API 添加嵌入式播放器：https ://developers.google.com/youtube/youtube_player_demo

3 回答 3