Question

我正在写一个手风琴式的音乐，我想让它动画，因为我想要使用悬停，但是，我真的很喜欢它用于点击而不是悬停 - 当我换掉.hover for .click，没有动画发生的情况。

我做错了什么？

感谢您的帮助！

-Erin

这有效：

$('#productslider div.rum').hover(function(){
    $(this).animate({left:'90px'}, 500);
    $(".vodka").animate({left:'0px'}, 500);
  }, function(){
});

$('#productslider div.vodka').hover(function(){
    $(this).animate({left:'-90px'}, 500);
    $(".rum").animate({left:'575px'}, 500);
  }, function(){
});

这没有任何结果：

$('#productslider div.rum').click(function(){
    $(this).animate({left:'90px'}, 500);
    $(".vodka").animate({left:'0px'}, 500);
  }, function(){
});

 $('#productslider div.vodka').click(function(){
    $(this).animate({left:'-90px'}, 500);
    $(".rum").animate({left:'575px'}, 500);
  }, function(){
});

Answer 1

从点击事件中移除}, function(){，这应该是

$('#productslider div.rum').click(function(){
   $(this).animate({left:'90px'}, 500);
   $(".vodka").animate({left:'0px'}, 500);
});

Answer 2

删除第二个函数，click只接受一个参数..

$('#productslider div.rum').click(function(){
    $(this).animate({left:'90px'}, 500);
    $(".vodka").animate({left:'0px'}, 500);
});

如何从jquery .click获得与.hover相同的功能？动画正在使用.hover，但不是.click

2 个答案: