javascript - 将鼠标悬停在一个 div 上以卡片翻转图像另一个 div

Question

我试图在一个 div 中有一个链接，当我将鼠标悬停在它上面时，我需要在另一个 div 中翻转卡片。基本上我只想实现这一点：http: //jsfiddle.net/uxable/YHeKX/ 当我悬停另一个 div 时。

$(".flip").hover(function(){
    $(this).find(".card").toggleClass("flipped");
    return false;
});

Answer 1

在我的情况下，您只需将选择器 , 更改$(".flip")为另一个 div 的 id ，然后更改为or 。为防止它翻转所有卡片，请在要翻转的卡片上添加一个 ID$("#flipit")$(this)$(document)$('body')

jsFiddle 示例

$("#flipit").hover(function(){
  $(document).find("#specificCard").toggleClass("flipped");
  return false;
});