简单的 Jquery 悬停问题

Question

我有一些非常简单的 jquery，如下所示：

$(".block").hover(function(){
    $(".drag").stop().fadeIn(1000);                
}, function(){
    $(".drag").stop().fadeOut(1000);
});

我有一系列 div，每个都有一个 block 类。当我将鼠标悬停在.block 上时，.drag 会在所有 div 中淡入一个块类。我只想让.drag 淡入鼠标悬停在的元素上，而不是全部。谢谢！

Answer 1

假设您想要的.drag 元素是悬停元素的后代：

$(".block").hover(function(){
    $(this).find(".drag").stop().fadeIn(1000);                
}, function(){
    $(this).find(".drag").stop().fadeOut(1000);
});

Answer 2

使用委托怎么样？

你不能使用悬停，你需要 mousein 和 mouseout JQuery API -> Delegate()。 API 文档特别提到了悬停事件。

 // something more specific than body would probably be good, but some 
 // common parent of these divs
 $('body').delegate('.block', 'mousein', function() {
     $(this).find(".drag").stop().fadeIn(1000); 
 });

 $('body').delegate('.block', 'mouseout', function() {
     $(this).find(".drag").stop().fadeOut(1000);
 });