当css值发生变化时触发事件

Question

如何使用jquery在特定CSS变量发生变化（例如：特定div的高度）时调用函数？

Answer 1

对此，没有“原生”解决方案。如果你严格使用jQuery的CSS propertys的操作，功能钩或（鸭punshing）是您的最佳拍摄：

(function($) { 
    var _oldcss = $.fn.css; 
    $.fn.css = function() { 
     if(typeof arguments[0] === 'string') { 
      console.log('css property ', arguments[0], ' is about to change for elem: ', this); 
     } 

     return _oldcss.apply(this, arguments); 
    }; 
}(jQuery)); 

这当然是不完整的。如果arguments[0]是object，则需要遍历键/值。但这是基本原则。

这个解决方案是一件好事，即使.height()将调用.css()。所以

$('div:eq(2)').height(55); 

会引发CSS属性的高度大约是更改ELEM：DIV＃自定义页眉]

Answer 2

http://darcyclarke.me/development/detect-attribute-changes-with-jquery/有不同的浏览器插件的一些做法也有怪癖。它模仿所有浏览器中的DOMAttrModified事件。