jQueryで変換が機能しない

Question

私はフクロウカルーセル2を使用しています。 マウスが終了したら、Owl-Stageを右に変換したいと思います。 これはCSSで動作します。

.owl-stage:hover { 
    -webkit-transform: translate3d(-1280px, 0, 0) !important; 
    transform: translate3d(-1280px, 0, 0) !important; 
    transition: 450ms transform, 450ms -webkit-transform; 
} 

translate3d値（-1280px）は、owlカルーセルによって動的に変更されるため、 jQueryで確認する必要があります。

$('.owl-stage').hover(function() { 
     console.log('stage overed'); 

     normalanimation = $(this).css('transform').split(',')[4]; 
     var animation = parseInt(normalanimation) + (-112); 
     console.log(animation); 
     //$(this).transition({ x: '-40px' }); 
     $(this).css({ "transform": "translate3d(" +animation+ "px, 0, 0) !important;", "transition": "transform 450ms"}); 
    }); 

私はこのようなスタイルのatrrを他に多く使用しました。運がない。 jQueryはCSS変換をサポートしていませんか？

Answer 1

.css()メソッドを使用することはできません。"!important" jQueryは正しく解釈しないため無視されます。

てみ更新.ATTR（）メソッドを使用して代わりに

$(this).attr("style", "transform:translate3d(" +animation+ "px, 0, 0)!important; transition:transform 450ms");