Why doesn’t this JavaScript work in Internet Explorer 7-8? All I am trying to do is wire up the ‘click’ event for multiple DIVs by using jQuery to select the DIVs by class name.
It works in Firefox, Chrome, Safari. In IE, it will only work in Browser Mode: IE 9 / Document Mode: IE 9 standards”. Can’t get it to work in IE 7 or 8.
<!DOCTYPE html>
<head>
<title>IE Click Target Test</title>
</head>
<body>
<div class="ClickTarget">Button 1</div>
<div class="ClickTarget">Button 2</div>
<!-- load jQuery 1.6.4 from CDN -->
<script type="application/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="application/javascript">
// This works fine in all browsers except IE pre-9.
$(document).ready(function () {
$(".ClickTarget").click(function () {
alert("If you can see me, it worked!");
});
});
</script>
</body>
</html>
- Normal disclaimers: I wouldn’t HAVE to use jQuery for this example, but it illustrates a problem I am having with a larger solution that does use jQuery 1.6.4. IE is often quirky, I’ve had to deal with it many years, but that’s life.
For some reason, maybe the impending holiday, I’m overlooking something. Any ideas why I can’t register the click in IE?
I think it’s the
type="application/javascript"in your<script>tags –From – Why doesn't IE8 recognize type="application/javascript" in a script tag?