TypeError: p.easing [this.easing] не является функцией

При попытке показать элемент div с помощью jQuery я получил эту ошибку:

[23:50:35.971] TypeError: p.easing[this.easing] is not a function @ file:///D:/html5%20puzzle/jquery.js:2

Соответствующая функция такова:

function showWithAnimation(){                  
  console.log('animation called');
  $('#popup').show();
  $("#popup").css({"top": "30%", "left": "30%"})
             .animate({top:(($(window).height()/2)-($('#popup')
             .outerHeight()/2))-70}, 1000, 'easeOutBounce')
             .show();
}

Функция отвечает за отображение div с анимацией отскока, однако div отображается, но без эффекта отскока.

РЕДАКТИРОВАТЬ:

Я включаю библиотеки jQuery и jQueryUI из CDN следующим образом (по порядку):

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js'>
</script>

Вам необходимо включить jQueryUI для расширенных параметров плавности.

Я думаю, что может быть вариант включить в загрузку только динамику или, по крайней мере, только базовую библиотеку плюс динамику.

Для тех, у кого есть пользовательская сборка пользовательского интерфейса jQuery (например, bower), добавьте ядро ​​эффектов, расположенное в ..\jquery-ui\ui\effect.js.

В том числе это сработало для меня.

Пожалуйста, включите строку, указанную ниже, в раздел.

<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js'>

Плагин jquery easing переименовал их имена функций эффектов с версии 1.2 на. Если у вас есть некоторый javascript, зависящий от ослабления, и он не вызывает правильное имя эффекта, он выдаст эту ошибку.

Я получил эту ошибку сегодня, пытаясь запустить эффект слайда на div. Благодаря приведенному выше ответу «Я ненавижу ленивого» (за который я проголосовал) я стал искать собственный сценарий пользовательского интерфейса jQuery, и вы фактически можете создать свой собственный файл прямо на веб-сайте jQuery ui http: // jqueryui. com / download / . Все, что вам нужно сделать, это отметить эффект (ы), который вы ищете, а затем загрузить.

Я искал эффект слайда. Поэтому сначала я снял все флажки, затем щелкнул флажок «эффект слайда», и страница автоматически проверила другие компоненты, необходимые для работы эффекта слайда. Очень просто.

easyOutBounce - это эффект замедления, для которого вам нужно установить флажок «Ядро эффектов».

Если вы используете Bootstrap, также возможно, что jQuery Bootstrap, если он включен под тегом сценария jQuery, перезаписывает тег сценария jQuery другой версией. Включение собственного CDN jQuery и удаление тега сценария jQuery, предоставляемого Bootstrap, было единственным, что у меня сработало.

Для тех, кто сталкивается с этой ошибкой, и вы пробовали обновлять версии и проверять наличие ядра эффектов и т. Д., Но все еще ломаете голову. Ознакомьтесь с документацией для animate () и другого синтаксиса.

Все, что я сделал, это написал «Линейный» вместо «линейный» и получил [this.easing] не является функцией

$ ("# main"). animate ({scrollLeft: '187px'}, 'медленно', 'Линейный'); //плохой

$ ("# main"). animate ({scrollLeft: '187px'}, 'медленно', 'линейный'); //хорошо

Я обнаружил проблему: не используйте CDN (это вызывает проблему!), Вместо этого сохраните файл jquery локально на своем сервере, и тогда проблема исчезнет.

jquery.easingУ меня сработал импорт cdn.

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>

Вы можете добавить это внизу веб-страницы.

используйте последнюю версию для начальной загрузки 4 и выше, это не повлияет на ваш интерфейс