2012-01-11 15 views
0

私はこのタグを持つ:CSSの変更を検出する方法はありますか?

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

その後、私は<div>タグのフォントサイズを変更しますが、独自のCSSを<h1>持つjavascriptのlibがあります。 <h1>のテキストは変更されません。私はちょうどに影響を与える<div>のフォントサイズのサイズ変更をしたい。私はjavascriptのlibや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- using-jquery –

+0

スタイルシートに静的な 'h1 {font-size:1em}'を置くだけで動作しませんか? –

+0

@dotwebによると、これはhttp://stackoverflow.com/questions/1397251/event-detect-when-css-property-changed-using-jqueryと重複しています。そして答えはそこにあります。 –

答えて

1

Afaik CSSが変更されたときに発生するイベントはありません... <h1>のCSSをJS経由で変更して、font-sizeを継承するように設定するのはなぜですか?

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

@SurasinTancharoen:これが助けになりましたか? – Connum

+0

ヘルプが完全には役に立ちません。私はまだH1の最初の 'font-size'が 'default' font-sizeとして必要であるということです。 divがサイズ変更されている場合、h1は '継承'することができますが、その前にはできません。 –

+0

だから、サイズ変更を行う関数があると推測します(または、サイズ変更がユーザによってトリガされた場合、少なくとも一種の "onresizeイベント") - この関数がすぐに継承されるようにfont-sizeを設定することはできません/イベントが実行されていますか? – Connum

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

+0

いいえ、あなたは正しいです!これはこの文脈で役に立たない!私はその質問を誤解しています。 – Armin

関連する問題