2014-05-01 45 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