加载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/ (需要火狐)