Solved

IE Fix for jQuery Flyout nav menu

Posted on 2013-01-24
5
429 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

Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

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.
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
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.

840 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