Jqmath producing strange behaviour, incorrect rendering

StackOverflow https://stackoverflow.com/questions/21829310

Question

I am using jqmath for math rendering.Here is the complete code

<!DOCTYPE html>
<html lang="en" xmlns:m="http://www.w3.org/1998/Math/MathML">

<head>
    <meta charset="utf-8">
    <script src="jquery-1.4.3.min.js"></script>
    <script src="jqmath-etc-0.4.0.min.js"></script>

    <title>Displaying maths</title>
</head>
<body>

<p>If $ax^2+bx+c=0$ with $a≠0$, then:
$$∰f'(x)=\lim↙{h→0}{f(x+h)-f(x)}/h$$
</p>
</body>
</html>

It is working perfectly in firefox but not in chrome 32 and IE 8.I checked the compatibility and it says jqMath is compatible with both the versions.So why it is not working?

The strange part is that the home page of jqmath is working perfectly and when I write math expressions in the text area available for practice on the homepage, that is also being rendered properly.So where is the problem?

EDIT

The symbols are appearing but are scattered.It seems the problem is only with divide-by e.g. 2/3.If I visit homepage of jqmath using same version of chrome and write the same expressions in the test area provided, they are rendered correctly.

Example1

firefox(correct) enter image description here chrome(wrong) enter image description here

Example2

firefox(correct) enter image description here chrome(wrong) enter image description here

Was it helpful?

Solution

jqMath uses built-in MathML in browsers that have it, namely Firefox and recent versions of Safari (webkit). Sadly I.E. and Chrome are not so advanced (though old versions of I.E. could use the MathPlayer plugin for MathML), so jqMath has to use its own .css file to help with formatting. This explains the solution you found.

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top