Question

我正在使用猫头鹰旋转木马2。我想在鼠标结束时将Owl-Stage转换为右边。它适用于CSS。

.owl-stage:hover {
    -webkit-transform: translate3d(-1280px, 0, 0) !important;
    transform: translate3d(-1280px, 0, 0) !important;
    transition: 450ms transform, 450ms -webkit-transform;
}

由于动态地改变了owl carousel的translate3d值（-1280px）。我需要查看jQuery。

    $('.owl-stage').hover(function () {
        console.log('stage overed');

        normalanimation = $(this).css('transform').split(',')[4];
        var animation = parseInt(normalanimation) + (-112);
        console.log(animation);
        //$(this).transition({ x: '-40px' });
        $(this).css({ "transform": "translate3d(" +animation+ "px, 0, 0) !important;", "transition": "transform 450ms"});
    });

我使用了许多其他方式这样的风格atrr。但没有运气。或者jQuery不支持css转换？

Answer 1

您无法使用.css()方法和"!important" jQuery只是无法正确理解它，因此会被忽略。

尝试使用.attr（）方法进行更新

$(this).attr("style", "transform:translate3d(" +animation+ "px, 0, 0)!important; transition:transform 450ms");

转换不适用于jQuery

1 个答案: