爲什麼：懸停沒有jQuery的

Question

原因：懸停沒有jQuery的

$(document).ready(function(){ 

$("#leftmenu ul li.active ul li a").css("background-color","#4a4647"); <--it work 
$("#leftmenu ul li.active ul li a:hover").css("background-color","#d3d4d6"); <--didn't work 

}); 

Answer 1

jQuery使用選擇，只選擇元素。

改爲使用hover()方法，或者只使用CSS。

$("#leftmenu ul li.active ul li a").hover(function() { 
    $(this).css("background-color","#d3d4d6"); 
}, function() { 
    $(this).css("background-color","#4a4647"); 
}); 

這應該絕對是你在CSS中做一些事情，但是。你應該儘量減少泄露的表象信息（background-color）到行爲層。

Answer 2

您的代碼應改爲：

$(document).ready(function(){ 
    $("#leftmenu ul li.active ul li a").hover(function() { 
    $(this).css("background-color","#d3d4d6");  
    }, function() { 
     $(this).css("background-color","#4a4647"); 
    }); 
});