Bourbon Refills Navigation JavaScript 错误：未捕获类型错误：未定义不是函数

Posted 2023-03-06

【中文标题】Bourbon Refills Navigation JavaScript 错误：未捕获类型错误：未定义不是函数

【英文标题】：Bourbon Refills Navigation JavaScript error: Uncaught TypeError: undefined is not a function

【发布时间】：2015-04-05 17:55:53

【问题描述】：

我正在尝试从 bourbon refills 网站实现 horizontal navigation bar。

我采取的步骤：

将html复制到/index.php 将scss复制到/sass/elements/_header.scss 将javascript复制到/js/header.js 创建了一个/css/main.css 文件 创建了一个/sass/main.sass 文件，用于导入/sass/elements/_header.scss 文件并将其编译为/css/main.css Ruby 未检测到错误

然后像这样包含 .js 文件（以正确的顺序）

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script type="text/javascript" src="js/header.js"></script>

当我在 Chrome 开发者工具中打开它时，它告诉我 header.js 文件在 line 5 上有一个错误：Uncaught TypeError: undefined is not a function。

我试过几次把键盘和鼠标砸在桌子上，尖叫着，双手同时敲打我的头，在 googleapis jquery.min.js 的 line:28 上寻找有问题的 jquery 函数，但我认为它来自标题脚本。

【问题讨论】：

能否包含 header.js？这可能是因为您的脚本中某处出现错误，导致无法识别引用的函数。

@Wold header.js 是从http://refills.bourbon.io/#er-toc-id-12 复制粘贴的。我意识到我包含的 jquery 是一个过时的 jquery，所以功能不兼容。我已经发布了问题的答案，但我无法将其标记为 2 天的答案。

【参考方案1】：

找到解决方案

我搜索了包含 jquery 的最佳站点，并找到了指向 google api 站点的链接。该链接包含版本 1.4.3 而不是较新的版本 (1.11.2)，它可以正常工作。