當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事件。