javascript - jQuery hover 只能工作一次

Question

我是 jQuery 的新手，但我觉得我对它的掌握相当不错。或者至少是这一部分。我看过很多关于 jQuery 的教程，但我以前从未遇到过这个问题。

我想将鼠标悬停在图片上并让它显示旁边的一小段。我编写的这个 jQuery 完全符合我的要求，只是它只能工作一次。将鼠标悬停在图像上会显示描述段落，移到图像外会再次隐藏它，但随后悬停不会执行任何操作。知道为什么会这样吗？

$(document).ready(function(){
    $('#novelDescrip').hide();
    $('#barDescrip').hide();

    $('.novel').hover(function(){
        $('#novelDescrip').fadeIn('slow', 1);
    },
    function(){$('#novelDescrip').hide();}
    );

    $('#barminder').hover(function(){
        $('#barDescrip').fadeIn('slow', 1);
    },
    function(){$('#barDescrip').hide();
    });

});

Answer 1

这应该解释切换的使用以及 Jorge 发布的链接。

How do I check if an element is hidden in jQuery?

以下是一些让您开始使用 jQuery 切换功能的方法:

 $('.click').click(function() {
    $('.target').toggle();
});

$('.click').click(function() {
    $('.target').slideToggle();
});

$('.click').click(function() {
    $('.target').fadeToggle();
});

slide 和 fade 用于为切换器提供滑动或淡出效果。

您还可以将以下属性用于不同的事物:

$('element:hidden')
$('element:visible')

或者你可以用 is 做同样的事情:

$(element).is(":hidden")    
$(element).is(":visible")

回答您的问题:因为您没有发布您的 html，所以我无法为您测试任何内容，但我建议您遵循上述教程或更改 hide() 到 show() 在你的代码的某些部分。

希望对您有所帮助。