Question

嗨，这是我的html结构。

  <div class="test-class" style="background-color: red;" >1</div>
  <div class="test-class" style="background-color: blue;" >1</div>
  <div class="test-class" style="background-color: green;" >1</div>

这里在第一页加载测试类的背景色随机出现。

我希望在更改test-class的背景颜色时运行一个函数。怎么做？

修改

所以从Is it possible to listen to a "style change" event?这个问题我得到了一个解决方案

(function() {
    var ev = new $.Event('style'),
        orig = $.fn.css;
    $.fn.css = function() {
        $(this).trigger(ev);
        return orig.apply(this, arguments);
    }
})();

$('.test-class').bind('style', function(e) {
    console.log( $(this).attr('style') );
});

但请帮助应用此答案。我想提醒那个div的内容，当它的背景颜色改变时它是颜色。

Answer 1

如果某些javascript更改了背景颜色，您可以在更改背景后调用该函数吗？

如何检测背景颜色改变事件使用jquery？

1 个答案: