Обновление при загрузке 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'); 
}); 

Есть ли способ, чтобы сделать функцию триггера .css() после того, как MathML загружен, поэтому он может изменить его также? Мне кажется, что .css() происходит до этого, поэтому MathML не влияет на него. Я надеялся, что простое решение, как

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

Но это, похоже, не работает ...

Answer 1

Это не кажется, что <mi> элемент имеет какое-либо определение встроенного стиля, связанного с ним, например, если вы сделаете $("mi")[0].style, вы получите неопределенную ошибку.

Там очень грязный обходной путь для этого делать что-то вроде:

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

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

Это позволит создать «глобальный» стиль тег и добавьте его в голову.

Пример по адресу: http://jsfiddle.net/njz7xaek/5/ (требуется Firefox)