我正在尝试使用引导程序创建锚链接滚动以及工具提示显示

$(window).scroll(function(){
    if ($(window).scrollTop() >= 100) {
       $('#header').addClass('fixed');
    }
    else {
       $('#header').removeClass('fixed').fadeOut("slow", 100);
     }
            $('[data-toggle="tooltip"]').tooltip();
});


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

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


但我在控制台中收到此错误
TypeError:m.easing [this.easing]不是函数

javascript - TypeError:m.easing [this.easing]不是函数错误-LMLPHP
演示链接
http://itracktraining.com/bb2/index.html

最佳答案

根据fadeOut文档,第一个参数应该是动画的持续时间,第二个参数应该是回调。这些持续时间可以是毫秒(如您在第二个参数中输入的那样),也可以是别名为时间范围的字符串。

基本上,您需要通过以下方式之一更改fadeOut代码:

$('#header').removeClass('fixed').fadeOut("slow");

// OR

$('#header').removeClass('fixed').fadeOut(100);


您还使用easeInOutExpo进行缓动。 JQuery并没有与这种放松捆绑在一起。请参见this页,其中显示:


  jQuery库中唯一的缓动实现是默认的实现(称为swing),以及以恒定速度进行扩展的实现(称为linear)。通过使用插件,可以使用更多缓动功能,最著名的是jQuery UI套件。


要使用这种缓动,您需要确保在页面上包括jQuery UI作为外部库。

您还需要jQuery UI才能使用tooltip方法。

关于javascript - TypeError:m.easing [this.easing]不是函数错误,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/34042314/

10-09 14:39