2014-05-01 39 views
0

如何防止.css("-webkit-transform", ...删除已存在的元素翻译?jQuery CSS设置子元素的缩放而不更改翻译

HTML CSS &:

<div class="parent"> 
    <div class="child" style="-webkit-transform:translate(10px,60px) scale(0.6);"></div> 
    <div class="child" style="-webkit-transform:translate(80px,12px) scale(0.4);"></div> 
</div> 

的jQuery:

​​

JSFIDDLE

回答

1

只是在连接值:

$(".parent").children(".child").css("-webkit-transform", function(i, value) { 
    return value + " scale(0.9)"; 
}); 

DEMO:http://jsfiddle.net/qET8N/1/

+0

我怎样才能防止每次单击'Scale'按钮时累计的比例?我希望保留所有其他的转换,免除需要“绝对”的规模。 – Laurent

+0

@Laurent你是什么意思*“规模需要绝对'”*? – VisioN

+0

按多次按钮时,每次应将刻度设定为0.9,而不是当前刻度的0.9。 – Laurent