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 отображается, но без эффекта отскока.

EDIT:

Я включаю библиотеки 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>

Ответы

Ответ 1

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

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

Ответ 2

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

Ответ 3

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

Ответ 4

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

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

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

Ответ 5

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

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

easeOutBounce - это эффект ослабления, для которого вам необходимо установить флажок "Эффект Core".

Ответ 6

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

Ответ 7

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