2012-01-11 51 views
0

我有這樣的標籤:任何檢測CSS變化的方法?

<div> 
    <h1> 
    </h1> 
</div> 

然後,我有一個JavaScript LIB改變的<div>標籤的字體大小,但<h1>都有自己的CSS。然後<h1>中的文字不會改變。我只是想調整<div>的字體大小,影響<h1>。我無法更改JavaScript庫和html結構。所以,我認爲這將是很好的有類似

$('div').bind('css-change', function(){ 
    $('h1').css('fontSize',$('div')Text.css('fontSize')); 
}) 

有類似.bind(「CSS-變化」)的任何方式?

+0

可能重複:http://stackoverflow.com/questions/1397251/event-detect-when-css-property-changed-使用-jquery – 2012-01-11 12:41:09

+0

只需在樣式表中使用靜態'h1 {font-size:1em}'將不起作用? – 2012-01-11 12:53:20

+0

正如@dotweb所說,這是重複http://stackoverflow.com/questions/1397251/event-detect-when-css-property-changed-using-jquery。答案就在那裏。 – 2012-07-24 13:32:52

回答

1

Afaik沒有在css變更時觸發的事件... 爲什麼不通過JS更改<h1>的CSS並將其設置爲繼承字體大小?

$('h1').css('fontSize','inherit'); 
+0

@SurasinTancharoen:這有幫助嗎? – Connum 2012-01-11 13:51:25

+0

有點幫助,但並不完全有幫助。事情是,我仍然需要H1的初始「字體大小」作爲「默認」字體大小。如果div被調整大小,h1將會「繼承」,但在此之前不會。 – 2012-01-11 15:00:33

+0

因此,我認爲有一個函數可以調整大小(如果調整大小是由用戶觸發的,至少是一種「onresize事件」) - 只要將此函數設置爲繼承字體大小/事件正在執行? – Connum 2012-01-11 15:20:31

0

的jQuery已經在1.4.3版本中實現:cssHooks

$.cssHooks["someCSSProp"] = { 
    get: function(elem, computed, extra) { 
     // handle getting the CSS property 
    }, 
    set: function(elem, value) { 
     // handle setting the CSS value 
    } 
}; 
+0

嗨阿明,我擔心這在這方面沒有幫助,或者我誤解了cssHooks的使用...... :) – Connum 2012-01-11 12:47:56

+0

不,你說得對!這在這方面沒有幫助!我誤解了這個問題。 – Armin 2012-01-11 12:52:24