jquery - jquery hover は chrome と IE では機能しませんが、FF では機能します

Question

これは、ナビゲーション メニュー項目にカーソルを合わせるために使用しているコードです。

$("#unlock_nav a").hover(function () {
 $(this).css('background-image', 'url(http://www.eileenfisher.com/ns/images/13f_m2/sbi_features/unlocked_season/but_' + $(this).attr('href').slice(1) +'_pink.png');

 },

function(){
 $(this).css('background-image', 'url(http://www.eileenfisher.com/ns/images/13f_m2/sbi_features/unlocked_season/but_' +  $(this).attr('href').slice(1) + '_white.png');
   }); 

Answer 1

background-image url に閉じ括弧を入れ忘れました。

これを試して：

$("#unlock_nav a").hover(function () {
 $(this).css('background-image', 'url(http://www.eileenfisher.com/ns/images/13f_m2/sbi_features/unlocked_season/but_' + $(this).attr('href').slice(1) +'_pink.png)');

 },

function(){
 $(this).css('background-image', 'url(http://www.eileenfisher.com/ns/images/13f_m2/sbi_features/unlocked_season/but_' +  $(this).attr('href').slice(1) + '_white.png)');
   });

サンプル: http://jsfiddle.net/9nQdm/3/