jquery - jquery hover 在 chrome 和 IE 中不起作用，但在 FF 中起作用

Question

这是我用于将鼠标悬停在导航菜单项上的代码：有人可以帮我找出 Chrome 和 IE 中的问题吗

$("#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

您忘记在背景图像 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/