Solved

IE Fix for jQuery Flyout nav menu

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

Enabling OSINT in Activity Based Intelligence

Activity based intelligence (ABI) requires access to all available sources of data. Recorded Future allows analysts to observe structured data on the open, deep, and dark web.

Join & Write a Comment

This article discusses how to create an extensible mechanism for linked drop downs.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…

757 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

19 Experts available now in Live!

Get 1:1 Help Now