Question

我似乎无法使用Jquery设置转换的CSS属性。

这是我的代码：https://jsfiddle.net/op7Lsvdp/

这是我尝试过的两种方法。

#define REVISION dev

谢谢，

Answer 1

我认为 css 方法的重要之处在于它不会更改您的类属性，但它正在更改对象的样式属性你打电话给它。

这样做：

$( document ).ready(function() {
    $('.buttonHolder').click(function(){
        $(this).find("span").toggleClass('fadeText');
        var button = $(this).find("button");
        button.toggleClass('shrink');

        var position = $('.target').position();
        var left = position.left + 'px';
        var top = position.top + 'px';

        var buttonHolder = $(this);

        setTimeout(function() {
            buttonHolder.css({'transform' : 'translate(' + left +', ' + top + ')'});
        }, 1000);
    });
});

Answer 2

您要为.slideToCart元素添加样式，但没有！请参阅控制台日志：

https://jsfiddle.net/op7Lsvdp/2/

您点击.buttonHolder后添加了这些课程，也许您想要添加.css

的时间

JQuery在Class中设置CSS Transform，Translate Properties

2 个答案: