Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
简单Jquery悬停问题_Jquery_Css_Hover - Fatal编程技术网

简单Jquery悬停问题

简单Jquery悬停问题,jquery,css,hover,Jquery,Css,Hover,我有一些非常简单的jquery,如下所示: $(".block").hover(function(){ $(".drag").stop().fadeIn(1000); }, function(){ $(".drag").stop().fadeOut(1000); }); 我有一系列的div,每个div都有一类块。当我将鼠标悬停在.block上时,.drag会在所有具有block类的div中淡出。我只想将.drag淡入鼠标悬停的元素中,而不是全部。

我有一些非常简单的jquery,如下所示:

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

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

假定所需的
.drag
元素是悬停在其上的元素的后代:

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

使用委派怎么样

但你不能使用鼠标悬停,你需要鼠胶和鼠胶。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);
 });

好主意,但上面的答案正是我想要的。如果我需要使用live的好处,我会使用它。我想你是对的。我只是想把它扔进去。很高兴你得到了答案@JCHASE11!应该设置为stop(true,true)以避免某些错误行为