Solved

IE Fix for jQuery Flyout nav menu

Posted on 2013-01-24
5
440 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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

Enroll in July's Course of the Month

July's Course of the Month is now available! Enroll to learn HTML5 and prepare for certification. It's free for Premium Members, Team Accounts, and Qualified Experts.

Question has a verified solution.

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

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
Several part series to implement Internet Explorer 11 Enterprise Mode
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
Shows how to create a shortcut to site-search Experts Exchange using Google in the Chrome browser. This eliminates the need to type out site:experts-exchange.com whenever you want to search the site. Launch the Search Engine Menu: In chrome, via you…
Suggested Courses

636 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