Side navigation
#8862 closed bug (invalid)
Opened April 13, 2011 03:36PM UTC
Closed April 13, 2011 04:37PM UTC
verticalmenu Menu is not working in IE8
Reported by: | alurib@gmail.com | 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>
Attachments (0)
Change History (1)
Changed April 13, 2011 04:37PM UTC by comment:1
resolution: | → invalid |
---|---|
status: | new → closed |
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.