jquery - 更改img src并取消绑定悬停在菜单选择jquery上

Question

使用stackoverflow的第一个问题！耶！

我有一个正在开发的网站。它使用图像作为菜单选项，在悬停时，我在 jquery 中更改了 img src

当您单击要转到的菜单时，我希望悬停时的图像留在那里。我这样做了： $("#one").click(function(){ $(this).attr('src', 'images/hover1.jpg'); $(this).unbind('mouseleave mousehover');

所以这是成功的，但是在另一个菜单点击时，我无法让悬停图像消失，然后它不再悬停（因为我取消了它） - 但在另一个菜单点击时绑定它不起作用。

有什么建议么？

Answer 1

首先。我认为它建议在这里创建一个 CSS 解决方案。

我检查了你的 javascript 文件并在我的浏览器中做了一些修改。最后，我为您构建了一个可能的工作解决方案。

$(document).ready(function() {

   var hoverfuncIn = function(){ $(this).attr('src', $(this).attr('src').replace(/(\D)(\.jpg)$/g,'$12$2')); };
   var hoverfuncOut = function(){ $(this).attr('src', $(this).attr('src').replace(/2(\.jpg)$/g,'$1')); };
   var clickToggle = function(e){
    $('.selected').hover(hoverfuncIn,hoverfuncOut).removeClass('selected').mouseout();
        $(e.currentTarget).addClass('selected').unbind('mouseleave mousehover');
}

   $('nav img').hover(hoverfuncIn,hoverfuncOut);

   $("#one").click(function(e){
      clickToggle(e);

...