时间戳

首页 > 解决方案 > JQuery $(function).animate 不是函数

javascript - JQuery $(function).animate 不是函数

问题描述

我正在设置一个按钮来将我的页面滚动到特定的 ID。但是，控制台总是显示此错误：

$(....).animate 不是函数

它不是滚动，而是跳转到注册的 ID。

我看过很多关于这个问题的帖子，但他们都在为我提供一条信息，将我的jQuery版本更改为完整版本而不是苗条版本。但现在，我使用的是完整版的jQuery 3.4.1.

<script type="text/javascript" src="{{ asset('/js/app.js') }}"></script>

$(document).ready(function() {
  $("#intro-scroller").click(function() {
    $(document).animate({
      scrollTop: $("#intro")
    }, 2000);
  });

  $("#about-scroller").click(function() {
    $(document).animate({
      scrollTop: $("#aboutme")
    }, 2000);
  });

  $("#education-scroller").click(function() {
    $(document).animate({
      scrollTop: $("#education")
    }, 2000);
  });

  $("#skill-scroller").click(function() {
    $(document).animate({
      scrollTop: $("#skill")
    }, 2000);
  });

  $("#project-scroller").click(function() {
    $(document).animate({
      scrollTop: $("#project")
    }, 2000);
  });

  $("#contact-scroller").click(function() {
    $(document).animate({
      scrollTop: $("#contact")
    }, 2000);
  });
})

require('./bootstrap');

// Jquery & JS
require('./jquery-3.4.1');
require('./jQuery-Progress-Bar-Plugin-LineProgressbar/jquery.lineProgressbar');
require('./ResponsiveSlides/responsiveslides');
require('./smoothscroll');

我希望我的 jQueryanimate()能够正确运行，但实际结果是我的animate()函数被视为非函数代码。它总是$(.…).animate is not a function在控制台中返回。

标签： javascriptjquerylaravel

解决方案

您必须在jquery之前添加链接app.js。

<script   src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>

推荐阅读