JQueryがCSSトランスフォームを設定し、クラスのプロパティを変換しました

Question

Jqueryを使用しているトランスフォームのCSSプロパティを設定できないようです。これらは私が失敗した試みている2つの方法ですhttps://jsfiddle.net/op7Lsvdp/

：

は、ここに私のコードです。

$('.slideToCart').css({ 
    '-webkit-transform' : 'translate(left, top)', 
    '-moz-transform' : 'translate(left, top)', 
    '-ms-transform'  : 'translate(left, top)', 
    '-o-transform'  : 'translate(left, top)', 
    'transform'   : 'translate(left, top)' 
}); 

$('.slideToCart').css('transform', 'translate(50px, 50px)'); 
$('.slideToCart').css('-webkit-transform', 'translate(50px, 50px)'); 

は、私は重要なことについてCSS方法は、それはあなたのクラスプロパティを変更していないが、それはあなたがそれを呼び出しているオブジェクトのスタイルプロパティを変更していることだと思う、

Answer 1

をありがとうございましたに。

これが行います。

$(document).ready(function() { 
    $('.buttonHolder').click(function(){ 
     $(this).find("span").toggleClass('fadeText'); 
     var button = $(this).find("button"); 
     button.toggleClass('shrink'); 

     var position = $('.target').position(); 
     var left = position.left + 'px'; 
     var top = position.top + 'px'; 

     var buttonHolder = $(this); 

     setTimeout(function() { 
      buttonHolder.css({'transform' : 'translate(' + left +', ' + top + ')'}); 
     }, 1000); 
    }); 
}); 

Answer 2

あなたは.slideToCart要素にスタイルを追加しているが、どれも存在しません！コンソールログを参照してください：

https://jsfiddle.net/op7Lsvdp/2/

あなたは.buttonHolderをクリックした後、これらのクラスを追加しているので、多分それはあなたが（STEP3）のベンダープレフィックスをソートするこの方法で.css