Solved

IE Fix for jQuery Flyout nav menu

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

Suggested Solutions

Title # Comments Views Activity
Create CSS Animation for Page Transitions 4 24
SlickNav Menu Plugin Not appearing on mobile 6 30
Jquery 10 19
Change of column alignment in div 2 18
Several part series to implement Internet Explorer 11 Enterprise Mode
SSL stands for “Secure Sockets Layer” and an SSL certificate is a critical component to keeping your website safe, secured, and compliant. Any ecommerce website must have an SSL certificate to ensure the safe handling of sensitive information like…
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

785 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