如何使用 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'] });