JQuery FadeColor проблемы

Question

Привет, я новичок в JQuery. У меня есть две проблемы, которые я не могу понять. Я использую копию и прошлый код, поскольку у меня сжатые сроки.

1) При наведении курсора на ссылку она не возвращается к исходному цвету после отведения мыши от ссылки.

2) Если я быстро наведу указатель мыши на ссылки, они зацикливаются и замирают снова и снова ... Я знаю, что могу использовать stop (), но не уверен, что это то, что мне нужно.

// JavaScript Document
    $(document).ready(function() {
    //Grab the original BG color of the link
    var originalBG = $("#nav li a").css("background-color"); 
    //The color you want to fade too
var fadeColor = "#FFFFFF"; 

//Now animate on links with class = animate
$("#nav li a").hover( 
    function() { 
        $(this)
            //Fade to the new color
            .animate({backgroundColor:fadeColor}, 350)
            //Fade back to original color
            .animate({backgroundColor:originalBG}, 350) 
        }, 
    function(){

        }
    );
});

обновление: из предложений - Решены некоторые мои проблемы, но теперь иногда, если вы наводите указатель мыши на ссылку, она не исчезает.

// JavaScript Document
$(document).ready(function() {
//Grab the original BG color of the link
var originalBG = "#351411"; 
//The color you want to fade too
var fadeColor = "#FFFFFF"; 

//Now animate on links with class = animate
$("#nav li a").hover( 
    function() { 
                //Fade to the new color
                $(this).stop().animate({backgroundColor:fadeColor}, 350)
        }, 
    function(){
                //Fade back to original color
                $(this).stop().animate({backgroundColor:originalBG}, 350) 
        }
    );
});

Answer 1

Не работает, потому что .css("background-color") возвращается в другом цветовом формате, например: «rgb (18, 52, 86)».

Answer 2

Попробуйте это:

$("#nav li a").hover( 
    function() { 

                //Fade to the new color
                $(this).animate({backgroundColor:fadeColor}, 350)

        }, 
    function(){
                //Fade back to original color
                $(this).animate({backgroundColor:originalBG}, 350) 
        }
    );