Question

On Hover我正在尝试添加一个类并更改图像，但我的图像仍然悬停在静止状态。 fiddle

  $( "img.animation" ).hover(
  function() {
    $( this )
      .attr('src', "https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/placeholder_logo_2.png")
      .addClass("animated fadeInDown");
    }, function() {
    $( this )
      .attr('src', "https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/placeholder_logo_1.png")
      .removeClass("animated fadeInDown").animate("slow");
    }
);

Answer 1

变化：

img.animation

要：

image_animation

您没有任何名为img.animation的课程。

<强> JSFiddle Demo

Answer 2

您没有img.animation

这样看起来很棒：

$(document).ready(function(){
//http://api.jquery.com/hover/

    //changing logo
  $( ".grid-item" ).hover(
  function() {
    $( this )
      .find('img')
      .attr('src', "https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/placeholder_logo_2.png")
      .addClass("animated fadeInDown");
    }, function() {
        //than slide it up
    $( this )
      .find('img')
      .attr('src', "https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/placeholder_logo_1.png")
      .removeClass("animated fadeInDown")
      .animate("slow");
    }
);

});//docu.ready

在悬停时在jquery中添加类

2 个答案: