【问题标题】:Bourbon Refills Navigation JavaScript error: Uncaught TypeError: undefined is not a functionBourbon Refills Navigation JavaScript 错误:未捕获类型错误:未定义不是函数
【发布时间】: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 天的答案。

标签: javascript jquery css


【解决方案1】:

找到解决方案

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2014-09-19
    • 1970-01-01
    • 2015-03-14
    • 2014-08-11
    • 2015-04-14
    • 2014-12-13
    • 1970-01-01
    相关资源
    最近更新 更多