使用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)');