无法让 dropotron 脚本正常工作 [HTML/CSS/JavaScript]

Question

我问过一个关于在我的网页上创建类似于模板的下拉菜单的问题。我发现模板正在使用 dropotron 创建这个菜单。我下载了 dropotron 并尝试按照它提供的说明进行操作。

Here's my website 和 here's the example that shows a working dropotron script。

这是 HTML、CSS 和 JavaScript 的 codepen 链接：codepen.io/anon/pen/EPaYNz

奇怪的是它可以在 codepen 结果中使用，但我不确定为什么它在我的网站上出现问题。我完全复制了 HTML、CSS 和 JavaScript 文件。

有什么想法吗？

谢谢！

编辑： 我在 codepen 结果中发现的另一个错误是当我将鼠标悬停在子菜单中的“传记”上时，“我是谁”消失了。有什么办法可以解决这个问题吗？

Answer 1

出于格式化目的，我将其作为答案。您的脚本底部应如下所示，head 中不应有脚本：

<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.poptrox.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/jquery.dropotron.js"></script>
<script>
  $(function() {

    // Note: make sure you call dropotron on the top level <ul>
    $('#nav > ul').dropotron({ 
      offsetY: -10 // Nudge up submenus by 10px to account for padding
    });

  });
</script>
<script src="assets/js/main.js"></script>

顺便说一句，你的<--[if lte blah] 并没有在末尾一直有右尖括号>