Bug Tracker

Opened 7 years ago

Closed 7 years ago

#8862 closed bug (invalid)

verticalmenu Menu is not working in IE8

Reported by: alurib@… Owned by:
Priority: undecided Milestone: 1.next
Component: unfiled Version: 1.4
Keywords: Cc:
Blocked by: Blocking:

Description

Hi my menu is working in Mozilla,crome but not in IE8,when i debug in IE it says "Object Expected".here is the code.can we fix this issue?the error shows at line number 8 $(document).ready(function(){...


<script type="text/javascript">

$(document).ready(function() {

setTimeout(function() {

Slide $('#menu1 > li > a.expanded + ul').slideToggle('medium'); $('#menu1 > li > a').click(function() {

$(this).toggleClass('expanded').toggleClass('collapsed').parent().find('> ul').slideToggle('medium');

}); $('#example1 .expand_all').click(function() {

$('#menu1 > li > a.collapsed').addClass('expanded').removeClass('collapsed').parent().find('> ul').slideDown('medium');

}); $('#example1 .collapse_all').click(function() {

$('#menu1 > li > a.expanded').addClass('collapsed').removeClass('expanded').parent().find('> ul').slideUp('medium');

}); Fade $('#menu2 > li > a.expanded + ul').fadeIn(); $('#menu2 > li > a').click(function() {

var el = $(this).parent().find('> ul'); if($(this).hasClass('collapsed'))

$(el).fadeIn();

else

$(el).fadeOut();

$(this).toggleClass('expanded').toggleClass('collapsed');

}); $('#example2 .expand_all').click(function() {

$('#menu2 > li > a.collapsed').addClass('expanded').removeClass('collapsed').parent().find('> ul').fadeIn();

}); $('#example2 .collapse_all').click(function() {

$('#menu2 > li > a.expanded').addClass('collapsed').removeClass('expanded').parent().find('> ul').fadeOut();

}); Grow/Shrink $('#menu3 > li > a.expanded + ul').show('normal'); $('#menu3 > li > a').click(function() {

$(this).toggleClass('expanded').toggleClass('collapsed').parent().find('> ul').toggle('normal');

}); $('#example3 .expand_all').click(function() {

$('#menu3 > li > a.collapsed').addClass('expanded').removeClass('collapsed').parent().find('> ul').show('normal');

}); $('#example3 .collapse_all').click(function() {

$('#menu3 > li > a.expanded').addClass('collapsed').removeClass('expanded').parent().find('> ul').hide('normal');

}); Appear/Disappear $('#menu4 > li > a.expanded + ul').show(); $('#menu4 > li > a').click(function() {

$(this).toggleClass('expanded').toggleClass('collapsed').parent().find('> ul').toggle();

}); $('#example4 .expand_all').click(function() {

$('#menu4 > li > a.collapsed').addClass('expanded').removeClass('collapsed').parent().find('> ul').show();

}); $('#example4 .collapse_all').click(function() {

$('#menu4 > li > a.expanded').addClass('collapsed').removeClass('expanded').parent().find('> ul').hide();

}); Accordion $('#menu5 > li > a.expanded + ul').slideToggle('medium'); $('#menu5 > li > a').click(function() {

$('#menu5 > li > a.expanded').not(this).toggleClass('expanded').toggleClass('collapsed').parent().find('> ul').slideToggle('medium'); $(this).toggleClass('expanded').toggleClass('collapsed').parent().find('> ul').slideToggle('medium');

});

}, 250);

});

</script>

<style type="text/css">

body {

font: 10pt Arial, Helvetica, Sans-serif;

} a {

text-decoration: none;

} #example1, #example2, #example3, #example4, #example5 {

float: left;

} .expand_all, .collapse_all {

cursor: pointer;

} .example_menu {

font-size: 90%; list-style: none; margin: 0; padding: 0; vertical-align: top; width: 140px;

} .example_menu ul {

display: none; list-style: none; margin: 0; padding: 0;

} #menu1, #menu2, #menu3, #menu4, #menu5 {

margin: 0;

} #menu1 li, #menu2 li, #menu3 li, #menu4 li, #menu5 li, .example_menu li {

background-image: none; margin: 0; padding: 0;

} .example_menu ul ul {

display: block;

} .example_menu ul ul li a {

padding-left: 20px; width: 140px;

} .example_menu a {

color: #000; cursor: pointer; display: block; font-weight: bold; margin-left: 0; padding: 2px 2px 2px 17px; width: 140px;

} .example_menu a.expanded {

background: #bbb url('collapse.gif') no-repeat 3px 50%;

} .example_menu a.collapsed {

background: #bbb url('expand.gif') no-repeat 3px 50%;

} .example_menu a:hover {

text-decoration: none;

} .example_menu ul a {

background: #e8e8e8; border-top: 2px solid #fff; color: #000; display: block; font-weight: normal; padding: 2px 2px 2px 10px; width: 140px;

} .example_menu ul a:link {

font-weight: normal;

} .example_menu ul a:hover {

background : #f5f5f5; text-decoration: underline;

} .example_menu li.active a {

background: #fff;

} .example_menu li.active li a {

background: #e8e8e8;

} #menu1 li.footer, #menu2 li.footer, #menu3 li.footer, #menu4 li.footer, #menu5 li.footer, .example_menu .footer {

background: transparent url('footer.jpg') no-repeat 0 0; border-top: 2px solid #fff; height: 9px; line-height: 15px; margin: 0 0 10px 0; width: 140px;

} .example_menu .footer span {

display: none;

}

</style>

Change History (1)

comment:1 Changed 7 years ago by addyosmani

Resolution: invalid
Status: newclosed

Thanks for submitting a ticket to the jQuery Bug Tracker. Unfortunately, we are only able to assist with issues related to jQuery core and cannot help debug personal projects or projects where issues are related to out of date plugins.

If you require assistance with your code, please make a post in either the official jQuery Forums or on our #jquery channel on freenode. Should you be able to establish that the issue you are seeing is in fact related to core and can be reduced, we will me more than happy to investigate further at that point.

Note: See TracTickets for help on using tickets.