2013-03-05 46 views
0

我目前正在编写一个小网站,并且只是修改了发现here的教程以使动态内容加载正常工作。您会在主页上看到,如果您点击某个链接,该视图会展开以显示其下方的视频,但是如果您使用左侧栏(最高评分)导航到同一页面,则会看到所有链接扩大了,我无法弄清楚什么是错误的,有什么想法?动态页面(jQuery)不能正确加载JavaScript

网站是here

回答

1

当DOM已准备就绪时,仅调用一次折叠可展开元素(prepareList)的函数。

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

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

+0

这伎俩,非常感谢(我对网页开发相当新)。我把prepareList()调用放在这行后面$ mainContent.hide()。load(newHash +“#content”,function(){这样页面在准备(折叠)列表后有正确的尺寸 – 2013-03-05 14:37:13

+0

任何有关为什么扩展在列表中的一个元素不会移动页脚? – 2013-03-05 20:11:56

+0

请创建一个新的问题,如果你需要回答。首先看看什么是增加一个'高度'div# – freejosh 2013-03-05 20:14:58

2

你的代码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"); 
+0

谢谢!那修正了那个问题 – 2013-03-05 14:26:54

+0

@WillAndrew - 没问题。但是,如果它解决了问题,那么为什么要将另一个答案标记为*答案*? – 2013-03-05 14:36:45

+0

它修复了我所问的问题,但我仍然感激不尽! – 2013-03-05 14:38:52