jQuery悬停 - 不在火狐中工作

我有一个jQuery悬停效果的问题，基本上它在我的Chrome和IE版本中工作完美，并且它不适用于Firefox。jQuery悬停 - 不在火狐中工作

这是非常简单的jQuery代码，我没有看到任何理由为什么它不工作。有没有好的工具来调试jQuery？

http://www.ryansammut.com/jQueryHover.html

来源

2011-06-21 Ryan S

请将代码添加到您的网站上的这个问题。 – JohnP

添加这个$（'＃shopNowButton'） – K6t

@ K6t - 感谢的伴侣，忘记了'片刻。你用什么工具调试jQuery？ –

你错过了 '＃' 在你的选择

$(document).ready(function(){ 
    $(".contactButton").hover(function() { 
     $(contactButtonMenu <---).attr("src","images/contactButtonHover.png"); 
      }, function() { 
     $(contactButtonMenu <----).attr("src","images/contactButton.png"); 
    }); 
}); 

$(document).ready(function(){ 
    $(".contactButton").hover(function() { 
     $(shopNowButton <----).attr("src","images/shopNow.png"); 
      }, function() { 
     $(shopNowButton <----).attr("src","images/shopNowHover.png"); 
    }); 
});

来源

2011-06-21 08:19:41 JohnP

只是通过添加'#contactButtonMenu'而不是contactButtonMenu，感谢:) –

@RyanSammut酷:)顺便说一句，你可以使用萤火虫调试JS。它会显示事件被称为罚款。只是选择器没有返回任何东西。 – JohnP

你只需要一个的document.ready。此外，悬停无法找到他必须更改的项目（contactButtonMenu和shopNowbutton）。请尝试以下操作：

$(document).ready(function(){ 
    $(".contactButton").hover(function() { 
     $(this).attr("src","images/contactButtonHover.png"); 
      }, function() { 
     $(this).attr("src","images/contactButton.png"); 
    }); 

    $(".contactButton").hover(function() { 
     $(this).attr("src","images/shopNow.png"); 
      }, function() { 
     $(this).attr("src","images/shopNowHover.png"); 
    }); 
}); 




<img id="contactButtonMenu" src="images/contactButton.png" alt"Contact Button" class="contactButton" />

你的ALT标签也是畸形的，将其更改为：alt="Contact Button"前一行

来源

2011-06-21 08:25:05 Tim

悬停很好，你给我的效果不是我想要的效果，但是感谢你发现了这个问题。因为我需要的是联系悬停，现在购物的悬停关闭。 –

替换它，

alt"Contact Button" => alt="Contact Button"

，我认为这个代码是更好的..

$(document).ready(function(){ 
    $(".shopNowButton").hover(function() { 
      $(this).attr("src","images/shopNow.png"); 
       }, function() { 
      $(this).attr("src","images/shopNowHover.png"); 
     }); 
    }); 

    $(".contactButton").hover(function() { 
      $(this).attr("src","images/contactButtonHover.png"); 
       }, function() { 
      $(this).attr("src","images/contactButton.png"); 
     }); 
});

来源

2011-06-21 08:32:55

我希望shopNow按钮在单击联系人按钮时关闭，而不仅仅是悬停效果，谢谢您的回答。但是，它不是固定的，第一个答案在这个页面上。 –

jQuery悬停 - 不在火狐中工作

回答

相关问题