jquery animate не работает с ослаблением, отличным от линейного

Question

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

Надеюсь, что кто-то скажет мне, где я что-то упускаю.

Пожалуйста, дайте решения на простом языке, если это возможно, потому что я новичок в jQuery. :): |

$(document).ready(function (e) { 
    $('div.button').on('click', function() { 
     $('div.box').animate({ 
      marginLeft: 200 
     }, { 
      duration: 2000, 
      easing: 'easeOutBack' 
     }); 
    }); 
}); 

Не работает для меня.

Answer 1

Вам необходимо включить Jquery UI для этого

Из документации:

Единственное облегчение реализации в библиотеке Jquery являются по умолчанию, называется качели, и один, который прогрессирует в постоянном темпе, . Доступны более легкие функции с использованием плагинов, , в первую очередь, набор пользовательских интерфейсов jQuery.

• http://api.jquery.com/animate/
• http://code.jquery.com/ui/1.10.3/jquery-ui.js

Answer 2

Убедитесь, что вы включили jQueryUI.

Проверьте эту скрипку, она отлично работает с easeInOutBack, когда включен jQueryUI.

http://jsfiddle.net/AHnDb/