Using IE9 F12 developer tools, I see these errors in the console:
SCRIPT438: Object doesn't support property or method 'getElementsByTagName'
jquery.min.js, line 16 character 59007
SCRIPT438: Object doesn't support property or method 'getElementsByTagName'
jquery.min.js, line 16 character 59007
These errors may have nothing to do with my issue (even when the troubled code is commented out, this error appears once anyway...).
The jQuery stops executing, definitely, because none of the jQuery on the site works in IE9. It works without any issue in FF, Chrome, Safari, and on the Iphone (safari as well).
I have narrowed down the code that is breaking things to this below (I know, because everything works fine when this is gone):
<script type="text/javascript">
$(document).ready(function() {
var $alertdiv = $('<div id = "alertmsg"/>');
/*$alertdiv.text("");*/
$alertdiv.bind('click', function() {
$(this).slideUp(200);
});
$(document.body).append($alertdiv);
$("#alertmsg").slideDown("slow");
setTimeout(function() { $alertdiv.slideUp(200) }, 10000);
});
</script>
This script, when functioning on other browsers, slides down a twitter-style notification bar with a message, as defined in the alertmsg div.
Does anyone see anything that could be causing this problem in IE9 only?
