使用 jQuery 更新 CSS 变换值

Question

我只是想知道是否可以在单击事件上使用 jQuery 更新 CSS transform 值？

如果没有关于如何复制以下内容的建议？

我正在尝试以下方法，但没有得到任何结果...

$('.reset').on('click',function(){
    $('.zoomer-holder').css(
        'transform','translate3d(-50%, -50%, 0px) scale(0.2525, 0.2525)'
    );
});

Answer 1

您的代码中有错字。试试这个：

$('.reset').on('click',function(){
    $('.zoomer-holder').css(
        'transform','translate3d(-50%, -50%, 0px) scale(0.2525, 0.2525)'
    );
});

Answer 2

您可能想尝试使用所有供应商前缀。 可能同时使用“-webkit-transform”、“-moz-transform”等。

$('.zoomer-holder')
    .css('-webkit-transform','translate3d(-50%, -50%, 0px) scale(0.2525, 0.2525)')
    .css('-moz-transform','translate3d(-50%, -50%, 0px) scale(0.2525, 0.2525)')
    .css('transform','translate3d(-50%, -50%, 0px) scale(0.2525, 0.2525)');