刪除一些使用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}); 

Answer 2

將「刪除」css屬性設置爲默認或「」（空字符串）。
例如你首先設置a{display: block;}並且想要刪除它，所以再次設置它：a{display:inline;}它會'刪除'屬性。

Answer 3

我想試試這個：

var transValWithScaleX = "rotate("+rotatevaluee + ") ScaleX(" + scalevalue+")"; 
var transValNoScaleX = "rotate("+rotatevaluee + ")"; 

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

//With ScaleX 
applyCSS(transValWithScaleX); 

//Remove ScaleX() 
applyCSS(transValNoScaleX);