jquery IE8 $(document).ready "object expected" error
I'm having a problem with IE8 throwing an "object expected" error when loading a page with the jquery command $(document).ready(). I've gone through all the other posts I can find here on SO, and none of the solutions seem to work.
To troubleshoot, I created the following html, which runs fine in Firefox and Chrome, but produces an "object expected" error at the $(document).ready line. So far:
- I've confirmed it is reaching the google jquery file - and tried referencing a local jquery.js file - same result.
- Tried placing the script in the
<head>(I've included it in the body to recreate the situation on the site I'm developing on) - I've also tried this with
jQuery(document)instead of$- same result - Tried including:
var $j=jQuery.noConflict();and including$j(document), getting a 'jQuery is undefined' error on the$jdeclaration.
What am I missing? ANY help is appreciated! Thanks!
<html>
<head>
<script type="application/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script>
</head>
<body>
<script type="text/javascript">
$(document).ready(function(){
alert("WORKING!");
});
</script>
<div id="test">
</div>
</body></html>
Answer
Mate, check your two script tags. One says type="application/javascript", the other says type="text/javascript".
Change the first one to type="text/javascript" and it will work fine.