I've developing a website in localhost. I'm using jquery, some javascripts, CSS and HTML. When I try to load the site with IE, an error message pops up saying "Out of memory at line 12". I clicked "OK' and it continues working fine. The message however doesn't show up in Chrome or Firefox. Can anyone tell me why is it so. How can i fix it??
Edit: I removed the jquery ui inclusion line and it stopped showing the errors. (Removed the line below)
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
My Javascript code.
<script type="text/javascript">
$(document).ready(function() {
$("ul.blockeasing li.main").mouseover(function(){ //When mouse over ...
//Following event is applied to the subnav itself (making height of subnav 60px)
$(this).find('.subnav').stop().animate({height: '60px', opacity:'1'},{queue:false, duration:1500, easing: 'easeOutElastic'})
});
$("ul.blockeasing li.main").mouseout(function(){ //When mouse out ...
//Following event is applied to the subnav itself (making height of subnav 0px)
$(this).find('.subnav').stop().animate({height:'0px', opacity:'0'},{queue:false, duration:1600, easing: 'easeOutElastic'})
});
//menu itembackground color animation
$("ul.blockeasing li").hover(function() {
$(this).stop().animate({ backgroundColor: "#C13D93"}, 600);},
function() {
$(this).stop().animate({ backgroundColor: "#de93c3" }, 600);
});
});
</script>