如何将jQuery文件添加到导航网站？

Question

我正在使用此演示：http://cssdeck.com/labs/setting-active-states-on-sticky-navigations-while-scrolling/

出于某种原因，当我尝试重新创建它时，导航工作的Java部分在我的版本中没有出现：http://cssdeck.com/labs/ydsxavxy

到目前为止，我保存了index.html，style.css和flip.js，并尝试在索引中链接CSS和JS。

如何使我的版本像演示一样工作？如何将Java文件包含在CSSDeck之外？我不太熟悉CSSDeck如何使用HTML，CSS和Java并将它们组合成一个页面预览。

Answer 1

您加载的jQuery版本不正确。

有效的示例使用1.8，您正在加载1.4：

<script class="cssdeck" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>

您可以通过查看浏览器控制台并查看其投掷的错误来轻松了解这一点。在您的情况下，错误如下：

TypeError: $(...).on is not a function

这通常意味着您的jQuery库未被您使用的代码定义或不支持。