jquery - 使用 jquery 删除一些过渡值

Question

我现在已经应用了多个过渡效果，例如旋转 scaleX scaleY，如果我想删除其中任何一个，那么我该如何使用 jquery 执行此操作

例如:

var value = "rotate("+rotatevaluee + ") ScaleX(" + scalevalue+")";
$('.active').css({'transform':value,'-ms-transform':value,'-webkit-transform':value,'-o-transform':value,'-moz-transform':value});

// remove ScaleX()

$('.active').remove('ScaleX()');

Answer 1

一个简洁的解决方案是更改变量 itelf ，就像这里一样:

How to work with multiple CSS properties?

function changeTransform(el, x,y){
     var val = x + " " + y;
     $(el).css({"-webkit-transform":val, "-moz-transform": val, "-webkit-transform": val, "-o-transform": val});
  }

所以在你的情况下:

var value = "rotate("+rotatevaluee + ") ScaleX(" + scalevalue+")";
$('.active').css({'transform':value,'-ms-transform':value,'-webkit-transform':value,'-o-transform':value,'-moz-transform':value});

value="rotate("+rotatevaluee + ")";

$('.active').css({'transform':value,'-ms-transform':value,'-webkit-transform':value,'-o-transform':value,'-moz-transform':value});