jqueryでmenueの背景色を変更します

Question

私はZenphotoでフォトギャラリーを構築しようとしています。彼らは、PHPを使用し、一つは、このようなカスタムmenueを追加することができます。

<div id="navmenu"> 
    <?php printCustomMenu('main_menue'); ?> 
    </div> 

私はこのようになりますsylesheetで全部の外観、変更：今、私は変更したい

#navmenu { 
     width: 1000px; 
     height: 42px; 
     margin: 0px auto 30px auto; 
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
     text-align: left; 
     font-size: 21px; 
     background-color: #000000 
     } 

#navmenu li { 
     display: inline; 
     } 

#navmenu a { 
     color: #eee; 
     display: inline; 
     line-height: 2em; 
     padding: 0.375em 0.5em; 
     text-decoration: none; 
      } 

#navmenu a:hover { 
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
     font-size: 21px; 
     color: #000000; 
     background-color: #ffff33; 
     padding: 0.375em 0.5em; 
      } 

を個々のメニュー項目の背景色を使用して、すべてのメニュー項目が独自の色を持つようにします。ランダムかどうか私は気にしない。正しく配線されたjsファイルを作成しました。

私が見つけたいくつかのコードを試しましたが、何も動作しません。今私は色を全く変えることができるかどうかを調べるためにこれを試みました：

$(document).ready(function() { 

$("navmenu").hover(function(){ 
    $(this).css('background-color', '#eeeeee') 
}); 
}); 

動作しません。私はこのすべてのプログラミングには新しく、どんな助けでも大変感謝しています。あなたがダミーのために答えることができるなら、私が理解できるように、それは超良いだろう。

Answer 1

用途：

$("#navmenu").hover(function(){ 

あなたはID #セレクタを逃しました。

Answer 2

IDまたはaに＃を使用してdivを適切に指定する必要があります。クラスの：

$(document).ready(function() { 

$("#navmenu").hover(function(){ 
    $(this).css('background-color', '#eeeeee') 
}); 
}); 

初心者のためのヒント：

：あなたは、あなたが期待する結果を取得していない場合は、関数がどこにもこのようなコンソールログメッセージに投げることによって呼び出されていることを確認することができます

$(document).ready(function() { 
    console.log("document ready!"); 
    $("#navmenu").hover(function(){ 
     console.log("hover activated"); 
     $(this).css('background-color', '#eeeeee') 
    }); 
}); 

Answer 3

それはhoverにrandom colorを選択し、hover outイベントに#EEE背景に戻りますように、この試みのようなものを与えることができる：

のjQuery：

$(function() { 
    $("#navmenu a").hover(function() { 
     var newColor = Math.floor(Math.random() * 16777215).toString(16); 
     $(this).css('background-color', '#' + newColor); 
    }, function() { 
     $(this).css('background-color', '#EEE')   
    }); 
});​ 

実施例：http://jsfiddle.net/Qc4R7/