2016-07-28 11 views
-1

jQuery CSSオブジェクトに複数のトランジションセットを取得しようとしています。 CSSで私はこのようにそれを書き留めます:.css()内の複数のトランジション

CSS

transition: 
    opacity 600ms cubic-bezier(.4, 0, .2, 1), 
    -webkit-transform 350ms cubic-bezier(.4, 0, .2, 1), 
    transform 350ms cubic-bezier(.4, 0, .2, 1); 

しかし、あなたは以下を参照することができますように、これはコンマのjQueryのでは動作しません「」私は推測?

jQueryの

$('.current-slide').css({ 
    'transition': 
     'opacity 600ms cubic-bezier(.4, 0, .2, 1), 
     -webkit-transform 350ms cubic-bezier(.4, 0, .2, 1), 
     transform 350ms cubic-bezier(.4, 0, .2, 1)', 
    'opacity': '0', 
    'z-index': '1', 
    '-webkit-transform': 'scale(.8) translateY(0)', 
    'transform': 'scale(.8) translateY(0)' 
}); 

はオンライン、この問題に関するいくつかの有用な情報を見つけることを試みたが、私はいずれかを見つけることができません。ありがとう!ここで

+0

少なくとも一つの理由は、それが持っている構文エラーだということですありません通常の文字列リテラルでエスケープされていない改行。 –

+1

これを修正すると、 'css()'がこれをサポートしているかどうかは分かりませんが、このトランジションをクラスに定義し、そのクラスをインラインスタイルではなく要素に追加する方が良いようです。 –

+0

@ T.J.Crowderありがとうございました、途中で動作しませんでした。 –

答えて

1

は、溶液は、このコード

$('.current-slide').css({ 
    'transition': 'opacity 600ms cubic-bezier(.4, 0, .2, 1),-webkit-transform 350ms cubic-bezier(.4, 0, .2, 1),transform 350ms cubic-bezier(.4, 0, .2, 1)', 
    'opacity': '0', 
    'z-index': '1', 
    '-webkit-transform': 'scale(.8) translateY(0)', 
    'transform': 'scale(.8) translateY(0)', 
}); 

を試してみるのは、ブレーキが引用されたように、コードは動作しません行...

関連する問題