javascript - jQuery 缓动动画中使用哪些变量

Question

我正在使用 WordPress 主题的灰度引导模板。我的脚本已排队，但我不确定如何修复原始 javascript 上的语法。该功能的工作原理如下:单击一个链接，它会将您滑到 id 属性。原始代码如下:

$(function() {
$('.page-scroll a').bind('click', function(event) {
    var $anchor = $(this);
    $('html, body').stop().animate({
        scrollTop: $($anchor.attr('href')).offset().top
    }, 1500, 'easeInOutExpo');
    event.preventDefault();
});
});

由于 .NoConflict，我将 $ 替换为 jQuery

jQuery(function() {
jQuery('.page-scroll a').bind('click', function(event) {
    var $anchor = jQuery(this);
    jQuery('html, body').stop().animate({
        scrollTop: jQuery($anchor.attr('href')).offset().top
    }, 1500, 'easeInOutExpo');
    event.preventDefault();
});
});

然后我收到此错误:

TypeError: 'undefined' is not a function (evaluating 'x.easing[this.easing]        (e,this.options.duration*e,0,1,this.options.duration)')

$anchor 是本地的，所以我确信这并不重要。事实上我也替换了它，但我得到了相同的结果。有什么建议么？问题出在这行varanchor = jQuery(this);吗？

Answer 1

事实证明我加载了错误的库。我需要加载缓动库而不是 jQuery UI 库。