如何使用 jquery 在某些内联 CSS 上做某事？

Question

当一些 css 添加到一个元素时，我想更改页面上的某些内容。 我试过这个：

if ($('.my-slider').css('transform') == 'translate3d(0px, 0px, 0px)') {
   console.log('Logged');
}

这是证明这种内联样式实际上在页面上的图片： Image with my page source

jQuery 插件“垂直轮播”生成此样式。 此插件的代码在此代码之上，这不是问题。 想法是在每次样式更改时更改某些内容（转换值正在更改），但是由于某种原因，这里的控制台中没有任何记录...有人可以帮我解决这个问题吗？

Answer 1

我认为您应该使用索引 function。

if ($('.my-slider').attr('style') && $('.my-slider').attr('style').indexOf('translate3d(0px, 0px, 0px)') >= 0) {
   console.log('Logged');
}

Answer 2

在你们的帮助下，它已经解决了，我将提供以下工作版本的代码：以防其他人需要它：

var observer = new MutationObserver(function(mutations) {
    mutations.forEach(function(mutationRecord) {
        if ((target.style.transform) == 'translate3d(0px, 0px, 0px)') {
            console.log('logged');
        }
    });

var target = document.querySelector('.my-slider');
observer.observe(target, { attributes : true, attributeFilter : ['style'] });