Question

我已经应用了多种过渡效果，例如旋转缩放X 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

＆＃34;删除＆＃34; css属性通过将其设置为默认值或＆＃34;＆＃34; （空字符串）。
例如。您首先设置a{display: block;}并想删除它，因此请再次设置：a{display:inline;}并且它将删除＆＃39;属性。

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);

使用jquery删除一些转换值

3 个答案: