2011-03-29 90 views
0

大家好 我已經創建了一個基於jquery的多級菜單,當onMouse每個subnav直接出現在懸停/點擊列表項下方時。現在我遇到的問題是所選的父項目的bg顏色沒有像Subnav bg一樣改變。奇怪的是它在IE中工作而不是FF。這是我寫的jquery腳本。jquery多級菜單

演示 - http://jsfiddle.net/pixelfx/xRVVv/4/

$(document).ready(function() { 
    $("ul#topnav li").hover(function() { //Hover over event on list item 
    $(this).css({ 'background' : '#1376c9 url(topnav_active.gif) repeat-x'}); 
    $("ul#topnav li.active1").css({ 'background' : 'CCFFCC'}); 
    $(this).find("span").show(); //Show the subnav 

    } , function() { //on hover out... 
    $(this).css({ 'background' : 'none'}); 
    $(this).find("span").hide(); //Hide the subnav 
    $(this).find("span.active").show(); //Hide the subnav 
    $(this).find("li.active1").show(); //Hide the subnav 
$("li.active1").css({ 'background' : '1376c9'}); 
});}); 

回答

1

的CSS({ '背景': 'CCFFCC'});

.css({'background':'1376c9'});

你錯過了顏色前的#標記..確實增加了它的幫助嗎?

OK編輯的小提琴,校正顏色代碼和得到什麼,我認爲你想要的,即對於正在進行1選項卡時,別人都徘徊除了繼續強調徘徊於..

這是你之後是什麼 - jsfiddle

+0

:(我看到它改正了我的顏色,但不是動作,我用小提琴更新了文章 – clairesuzy 2011-03-29 14:46:04