Question

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

网站为here

Answer 1

您在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");

Answer 2

折叠可扩展元素（prepareList）的函数只调用一次 - 当DOM准备就绪时。

使用侧边栏导航时，页面不会刷新，因此不会再次调用该功能。

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

Answer 3

你有一个错误：

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

出于安全原因，您无法在Javascript中创建跨站点Ajax请求。