在转换时添加缓动会引发jquery错误

Question

我想在平滑的滚动代码中添加一个缓动样式，但每当我这样做时，它会在控制台中引发一个不断增加的jquery错误。

$('#slider-scrollDown').click(function() {
    $('html, body').animate({
        scrollTop: $("#scrollTo-container").offset().top
    }, 2000);
});

这就是我所拥有的，我正在尝试添加这样的缓动：

$('#slider-scrollDown').click(function() {
    $('html, body').animate({
        scrollTop: $("#scrollTo-container").offset().top
    }, 2000, 'easeInOut');
});

我在控制台中收到的错误是：

  

未捕获的TypeError：n.easing [this.easing]不是函数

哪一个显示一次，然后另一个显示红色，但不会停止。

Answer 1

这是因为easeInOut不存在...看看这个页面;）https://api.jqueryui.com/easings/

Answer 2

嗯，我试图加载宽松时忽略了一些东西。我没有提到我正在使用Wordpress，我刚刚发现需要一个额外的函数调用来获取jQuery缓动函数。

只需将wp_enqueue_script ( 'jquery-effects-core' );添加到我的加载列表即可解决问题。

谢谢大家。