Как преобразовать класс с помощью Scripty 2?

Question

В Scriptaculous 1, можно анимировать стили:

new Effect.Morph('id', { 
style: { background: tomato }, 
duration: '4' }); 

Но лучше всего было держать CSS и JS отдельно и просто ссылаться на класс:

new Effect.Morph('id', { 
style: 'important', 
duration: '4' }); 

Marvelous. Но это не похоже на работу с новыми Scripty 2. Работы:

$('id').morph('background: tomato', { duration: 4 }); 

Перерывы:

$('id').morph('important', { duration: 4 }); 

Что такое правильный способ анимации с использованием класса в Scripty 2? (Я подозревал Style, но документы были расплывчатыми.)

Answer 1

Я проверил исходный код, и s2 принимает только стиль «StyleProp: value» для параметра стиля. Строка должна иметь двоеточие.

Единственный метод, который дополнительно будет включать имя класса, а также «styleProp: value» для опции стиля - это метод S2.FX.Operators.WebkitCssTransition. Тем не менее, S2.Extensions.webkitCSSTransitions отключены по умолчанию. Хотя, код в этом методе должен использоваться для создания вашего собственного патча для метода .Morph.