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();
});

幻灯片和淡入淡出用于为切换提供滑动或淡出效果。

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

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

或者您可以使用：

执行相同操作

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

回答你的问题：，因为你没有发布你的HTML，我无法为你测试任何东西，但我建议你按照上面提到的教程或更改 hide（） 到 show（）代码的某些部分。

希望有所帮助。

jQuery悬停只能工作一次

1 个答案: