MathMLがロードされたときに更新する

Question

何らかの理由でMathMLが.css（）更新を取得していないため、MathMLがロードされたときにこれを更新できるようにする方法があるかどうかは疑問でした。

http://jsfiddle.net/njz7xaek/

コードは、問題を示す図です。 MathMLコードは更新されずに赤色のままですが、テキストサンプルと同様に青色になります。

HTML

<span class="col1">text</span> 
<br /> 
<math> 
    <mi class="col1">a</mi> 
    <mi>x</mi> 
    <mo>+</mo> 
    <mi class="col1">b</mi> 
</math> 

CSS

.col1 { 
    color:red; 
} 

JS

$(document).ready(function() { 
    $('.col1').css('color', 'blue'); 
}); 

ロードされたMathMLの後の.css（）関数、トリガーを作るための方法があることができるので、それも変更しますか？この前に.css（）が発生するので、MathMLはその影響を受けません。例えば、<mi>要素は、それに関連するすべてのインラインスタイル定義を持っていることは思えない

Answer 1

...私は

$(MathML).ready(function() { 
    $('.col1').css('color', 'blue'); 
}); 

のような単純な解決策を期待していた。しかし、これは動作していないようでした$("mi")[0].styleを実行すると、未定義のエラーが発生します。

var nStyle = $('<style>.col1 { color: blue; }</style>'); 

$("html > head").append(nStyle); 

これは「グローバル」スタイルタグを作成して、頭に追加します：

ような何かを行うことによって、このための厄介な回避策があります。で

例：http://jsfiddle.net/njz7xaek/5/（Firefoxのを必要とする）