This post stems from using the jQuery Slide Menu system found over at the very cool Dynamic Drive website. For the most part, this menu system works 98% spot-on out of the box. But if you attempt to view this in IE8, you will definitely find that it does not work.
Spent a lot of time researching this very obscure error that Microsoft IE produces. Some of you know it very well, it’s the oh-so-descriptive “Object Expected” error. It kindly gives you a column/character reference, but its completely useless as it does not correlate with the actual line/column numbers in your actual file. Here’s a screen grab for your viewing pleasure:
Object Expected Error IE8
Pleasing, isn’t it? Let’s not stray away. I really did search high-and-low on Google, and my ever-so-favorite Experts-Exchange, and various other nooks on the ‘Net and not a single page to help.
Alas, I’ve found the solution. And as easy as it is, you’ll be kicking yourself for not having thought of this yourself sooner.
Part of the setup for the menus is to link to two JavaScript files.
Here they are as presented on Dynamic Drive’s page:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript" src="jqueryslidemenu.js"></script>
Easy enough right? Copy/Paste into the head of your document and your good-to-go. Yes and no. Yes it’ll work “as seen on” Dynamic Drive, but not in IE8.
Solution to Object Expected Error
Store jquery.min.js locally at the root of your site and make sure you update your script string:
FROM:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
TO:
<script type="text/javascript" src="jquery.min.js"></script>
Upload both your files and refresh.
Hope this works for you as well as it did for me!
The