2012-01-11 56 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