Question

我有一个小问题。当此span元素在td上时，想要将tolltip作为mouseenter动作的跨度淡出。所以我需要检查每个td元素和fadeIn span，如果它实际存在于内部。所以这是我的代码。求救......

$(document).ready(function (){
    $('.winners_calendar td').mouseenter(function(){
        if($('.winners_calendar td').find('span').length == 1){
            $('.tooltip_paragon').stop(1,1).fadeIn('300');
        }
    });
    $('.winners_calendar td').mouseleave(function(){
        if($('.winners_calendar td').find('span').length == 1){
            $('.tooltip_paragon').stop(1,1).fadeOut('300');
        }
    });
});

Answer 1

试试这个：

$(document).ready(function (){
    $('.winners_calendar td').mouseenter(function(){
        $('.tooltip_paragon',this).stop(true,true).fadeIn(300);
    });
    $('.winners_calendar td').mouseleave(function(){
        $('.tooltip_paragon',this).stop(true,true).fadeOut(300);
    });
});

如果它存在，它只会在悬停行的工具提示中淡出。

或者您可以通过以下方式缩短它：

$(document).ready(function (){
    $('.winners_calendar td').hover(function(){
        $('.tooltip_paragon',this).stop(true,true).fadeToggle(300);
    });
});

当li / td有跨度时做一些事情

1 个答案: