TypeError: p. ослабление[это.ослабление] не является функцией

при попытке показать элемент 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>
6 75
javascript html jquery

6 ответов:

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

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

98

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

12

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

10

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

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

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

6

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

4

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

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

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

3