Добавление ослабления при переходе бросает ошибку 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'); 
}); 

Ошибки я получаю в консоли являются:

Uncaught TypeError: n.easing[this.easing] is not a function

который отображает один раз, а затем еще один под ним с увеличением числа красным, что не останавливается.

Answer 1

Это потому, что easeInOut не существует ... Посмотрите на этой странице;) https://api.jqueryui.com/easings/

Answer 2

Хмм я проглядел что-то при попытке загрузить ослабления. Я не упоминал, что я использую Wordpress, и я только что обнаружил, что необходим дополнительный вызов функции для получения функций jQuery.

Просто добавьте wp_enqueue_script ('jquery-effects-core'); в мой список груза, решив проблему.

Спасибо всем.