Solved

IE Fix for jQuery Flyout nav menu

Posted on 2013-01-24
5
427 Views
Last Modified: 2013-01-29
Is there a way to fix a jQuery flyout menu in IE?

I have successfully tested in Chrome, Safari and FF but in Internet Explorer the nav doesn't work.

here's a link if you have any ideas please let me know guys!

http://dev.webhostr.co/thanedirect/

Thanks in advance.
0
Comment
Question by:rafique12
  • 3
  • 2
5 Comments
 
LVL 3

Expert Comment

by:Khilu
ID: 38814009
element.style.display = 'none';
Here getting object expected error.

Try the following code.
I have added condition to check length of object



hide: function(element) {
    element = $(element);
if(element.length > 0)
{
    element.style.display = 'none';
    return element;
}
  },

Open in new window

0
 

Author Comment

by:rafique12
ID: 38814018
Thankyou sir!

Which line is it! I'm actually on a Mac at the moment...
0
 
LVL 3

Accepted Solution

by:
Khilu earned 500 total points
ID: 38814029
Object required  prototype.js, line 1931 character 5

I think this error is because of the script is executed before UI element get renders.

Try to put Javascript at the bottom of the page (add script block last ).

So you don't need to modify prototype.js (its standard js).
0
 

Author Comment

by:rafique12
ID: 38814329
Okay thankyou!
0
 

Author Comment

by:rafique12
ID: 38815003
As far as I can see I am loading jQuery at the top of the page but if I move it to the bottom of the page it results in further errors...

I'm really not sure how to solve it.

I can see two errors:

Uncaught TypeError: Cannot read property 'style' of null

&

Uncaught Attempted to initalize accordion with id: menu-accordion which was not found.
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article offers some helpful and general tips for safe browsing and online shopping. It offers simple and manageable procedures that help to ensure the safety of one's personal information and the security of any devices.
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
This Micro Tutorial will demonstrate how nuggets on the Web are formatted by using Chrome Developer Tools. These tools would not only view the site's CSS but it can also modify it and save the CSS to use on your own site.

863 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

24 Experts available now in Live!

Get 1:1 Help Now