- This topic is empty.
Viewing 1 post (of 1 total)
Viewing 1 post (of 1 total)
- The forum ‘JavaScript’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › JavaScript › Firefox jQuery back button animation issue.
I am using jQuery to animate a color transition on my links, however, in Firefox if I click on a new pages link, and the use the mouse back button it keeps the current page and the previous page’s active state color, in IE it actually switches perfectly, any idea what would cause this in Firefox? I tested in IE8 and Chrome on PC with no problems, Safari PC and Firefox have issues….
It seems like the animation is getting stuck when the new page loads and it’s keep the previous pages link highlighted.
Here is my HTML
Here is the jQuery I am using to control the different menus on the site using the animation
$(document).ready(function(){
//Navigation + Header Color Shifting
$("#sidebar li a, #services-nav li a, #header h2 a, #projects-nav li a").hover(function()
{
$(this).stop().animate({color: "#f7941e"}, 800);
},function()
{
if($(this).hasClass("active"))
{
$(this).css({color: "#f7941e"});
} else
{
if($(this).is("#header h2 a"))
{
$(this).stop().animate({color: "#707070"}, 800);
} else if($(this).is("#sidebar li a"))
{
$(this).stop().animate({color: "#d7d7d7"}, 800);
} else if($(this).is("#services-nav li a, #projects-nav li a"))
{
$(this).stop().animate({color: "#c2c2c2"}, 800);
}
}
});
});