jQuery在IE9中无法正常工作/渲染

Question

I have looked everywhere and cant seem to find an answer that works for my problem. I have got my site working in ie 6, 7 ,8 ,10, firefox and chrome and then i looked on ie9 and almost passed out. The styling was broken and none of the jQuery was working.

I have added in the ie8 compatibility mode and that seems to have sorted my styling issue:

meta http-equiv="X-UA-Compatible" content="IE=8" />

However this has still not sorted my jquery issue. Its as if its not registering that there is any such thing as jQuery. I have read articled saying that it has to be jquery v 1.6 or later, and consequently i am using:

script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">

I am just baffled as to how it works perfectly in all the other browsers and then ie9 has lost the plot. Thanks everyone.

Answer 1

Quick fix to display stylesheets in IE9 ... In this case I was using a Jquery mobile style sheet with a full URL reference to the stylesheet. But regardless try using the following code and relatively referencing your stylesheet ... IE9 began to work correctly:

<!--[if lt IE 9]>
    <link rel="stylesheet" type="text/css" href="jquery.mobile-1.0.1/jquery.mobile-1.0.1.min.css">
<![endif]-->