如何使用 jquery 对某些内联 CSS 执行某些操作？

Question

当某些 css 添加到一个元素时，我想更改页面上的某些内容。我试过这个：if ($('.my-slider').css('transform') == 'translate3d(0px, 0px, 0px)') {    console.log('Logged'); }这是证明这个内联样式确实在页面上的图片：Image with my page source生成此样式的 jQuery 插件“垂直轮播”。该插件的代码位于该代码之上，这不是问题。想法是在每次样式更改时更改一些内容（变换值正在更改），但由于某种原因，这里的控制台中没有记录任何内容...有人可以帮助我吗？

Answer 1

我认为你应该使用indexof函数。

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'] });