文章/答案/技术大牛

发布

社区首页 >问答首页 >TypeError：$(.).scrollSpy不是一个函数

问TypeError：$(.).scrollSpy不是一个函数
EN

Stack Overflow用户

提问于 2015-12-30 22:28:20

回答 1查看 12.7K关注 0票数 0

我使用的是物化框架，而对于我的生活，我不明白为什么滚动间谍插件不适合我。我的标记或css当然不是问题-我确信这是正确的。

控制台显示：

Uncaught：$(.).scrollSpy不是函数

并引用我初始化插件的行：

$( document ).ready(function() {
    $('.scrollspy').scrollSpy();
});

我当时的印象是插件“附带”了物化的JS，但是即使我自己在头上包含了scrollspy.js，我仍然会收到错误。

我遗漏了什么？

javascript

jquery

materialize

scrollspy

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-01-04 15:07:37

我完全失明了-- @A.Wolff是对的--我错误地加载了jQuery (不同版本)两次。

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=.9">
  <title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
  <meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
  <link rel="stylesheet" href="{{site.baseurl}}/css/custom.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

 <!-- Compiled and minified CSS -->
<!--   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.1/css/materialize.min.css">
 -->
  <!-- Compiled and minified JavaScript -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.1/js/materialize.min.js"></script>

  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

  <!-- google font -->
  <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800,600,400italic,800italic' rel='stylesheet' type='text/css'>

  <!-- scrollspy -->
  <script type="{{site.baseurl}}/js/scrollspy.js"></script>

  <!-- jquery -->
  <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>

  <!-- custom js -->
  <script src="{{site.baseurl}}/js/nav.js"></script>

  <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
  <link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}" />
</head>

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/34538245

复制

相似问题

问TypeError：$(.).scrollSpy不是一个函数
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问TypeError：$(.).scrollSpy不是一个函数EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问TypeError：$(.).scrollSpy不是一个函数
EN