Question

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

我正在开发site。它使用图像作为菜单选项，在悬停时，我在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);

...

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

1 个答案: